angular2-http

I have a REST endpoint that returns a list of items, max 1000 items at a time. If there are more than 1000 items, the response has HTTP status 206 and there's a Next-Range header that I can use in my next request for getting more items. I'm working on an Angular 2 application and trying to implement this with Http and Observable . My problem is that I don't know how to merge multiple Observable s depending on how many pages of items there are and finally return one Observable that my component can subscribe to. Here's where I've got with my current TypeScript implementation: // NOTE: Non

I have an issue while I try to cast a json response to object, all the properties of my object are string is that normal ? Here is my ajax request : public getSingle = (keys: any[]): Observable<Badge> => { return this._http.get(this.actionUrl + this.getKeysUrl(keys)) .map((response: Response) => response.json() as Badge ) .catch(this.handleError); } Here is my badge model : export interface Badge { badgeNumber: number; authorizationLevel: number; endOfValidity: Date; } And here is where I call the service function and I'm facing the issue : this._badgeService.getSingle(this.ids).subscribe(

I am trying to set base url for all my angular 2 http requests. Following is the basic set up for my application. class HttpOptions extends BaseRequestOptions { url:string = "http://10.7.18.21:8080/api/"; } bootstrap(AppComponent, [ HTTP_PROVIDERS, provide(RequestOptions, {useClass: HttpOptions}) ]); export class AppComponent { users:Array<User> constructor(private http: Http) { http.get("/users") .subscribe(res => this.users = res.json()); } } The request is not sent to http://10.7.18.21:8080/api/users as I expected from my configuration. Instead the request is sent to http://localhost:8000

I have an Ionic 2 application using Angular 2, which is sending an Http PUT to a ASP.NET Core API server. Here's the method I'm using to send the request: public update(student: Student): Promise<Student> { let headers = new Headers(); headers.append('Content-Type', 'application/json'); headers.append('authentication', `${student.token}`); const url = `${this.studentsUrl}`; return this.http .put(url, JSON.stringify(student), { headers: headers }) .toPromise() .then(() => student) .catch(this.handleError); } I'm setting an authentication key/value on the headers object. But when I receive this

I've been playing with Angular 2 Quickstart . How can I use/import http module in Angular 2? I've looked at Angular 2 Todo's.js , but it doesn't use the http module. I've added "ngHttp": "angular/http", to dependencies in package.json because I've heard Angular 2 is somewhat modular. In version 37 you need to do this: ///<reference path="typings/angular2/http.d.ts"/> import {Http} from "angular2/http"; And run this tsd command: tsd install angular2/http Last update: May 11, 2016 Angular version: 2.0.0-rc.2 Typescript version: 1.8.10 Live working example . A simple example of how to use the

Actually, I'm working on a Spring REST API with an interface coded in Angular 2. My problem is I can't upload a file with Angular 2. My Webresources in java is that : @RequestMapping(method = RequestMethod.POST, value = "/upload") public String handleFileUpload(@RequestParam MultipartFile file) { //Dosomething } And it is perfectly working when I call it through URL request with Auth header etc ... ( with Advanced Rest Client extension for Chrome ) Proof: (everything works fine in that case ) I added the <bean id="multipartResolver" class="org.springframework.web.multipart.commons