angular2-http

I'm am trying to use withCredentials to send a cookie along to my service but can't find out how to implement it. The docs say "If the server requires user credentials, we'll enable them in the request headers" With no examples. I have tried several different ways but it still will not send my cookie. Here is my code so far. private systemConnect(token) { let headers = new Headers(); headers.append('Content-Type', 'application/json'); headers.append('X-CSRF-Token', token.token); let options = new RequestOptions({ headers: headers }); this.http.post(this.connectUrl, { withCredentials: true },

I am new to Angular (and Javascript for that matter). I've written an Angular service which returns an array of users. The data is retrieved from an HTTP call which returns the data in JSON format. When logging the JSON data returned from the HTTP call, I can see that this call is successful and the correct data is returned. I have a component which calls the service to get the users and an HTML page which displays the users. I cannot get the data from the service to the component. I suspect I am using the Observable incorrectly. Maybe I'm using subscribe incorrectly as well. If I comment out

I am using Angular 2 HTTP library which returns an observable. I want to implement retry on certain error status/code. I have an issue, if the error is not 429, Observable.of(error) is getting executed in error case to retry, but when all your 2 retry fails the execution of flow goes to success block instead of catch block. How to make execution of flow to catch block in all retry fails? return this.http.get(url,options) .retryWhen((errors) => { return errors .mergeMap((error) => (error.status === 429) ? Observable.throw(error) : Observable.of(error)) .take(2); }) .toPromise() .then((res

Tho there are many adhoc libraries supporting upload/download progress in angular2, I do not know how to do use native angular2 http api to show progress while doing upload/download. The reason why I want to use native http api is because I want to utilise http interceptors(http API wrappers) around native http api that validate, cache & enrich the actual http request being sent such as this & this Besides angular's http api is much more robust than any adhoc APIs There is this nice article about how to do upload/download using angular's http api But the article mentions that there is no

For a web application I need to get my images with an ajax request because we have signature + authentication on our API, so we can't get images using a simple <img src="myapi/example/145"/> Since we're using angular2, we obviously looked for blob or something like that, but as stated in static_response.d.ts file: /** * Not yet implemented */ blob(): any; So okay, I can't do it for now, I have to wait for thie feature to be implemented. But problem is I can't wait so I need a hotfix or a little hack to be able to get image data from response and I'll be able to remove my hack and set the blob(

I need to upload a file and send some json along with it, I have this function: POST_formData(url, data) { var headers = new Headers(), authtoken = localStorage.getItem('authtoken'); if (authtoken) { headers.append("Authorization", 'Token ' + authtoken) } headers.append("Accept", 'application/json'); headers.delete("Content-Type"); var requestoptions = new RequestOptions({ method: RequestMethod.Post, url: this.apiURL + url, headers: headers, body: data }) return this.http.request(new Request(requestoptions)) .map((res: Response) => { if (res) { return { status: res.status, json: res.json() } }

I have an AuthGuard (used for routing) that implements CanActivate . canActivate() { return this.loginService.isLoggedIn(); } My problem is, that the CanActivate-result depends on a http-get-result - the LoginService returns an Observable . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } How can i bring those together - make CanActivate depend on a backend state? Kery Hu You should upgrade "@angular/router" to the latest . e.g."3.0.0-alpha.8" modify AuthGuard.ts @Injectable() export class AuthGuard implements CanActivate { constructor

I have a requirement to pull a few resources from another domain held by my company. I want to pull secured HTML content with GET requests. When a user is signed out of the application the requested content will return a 302 to the login page. My attempts to sniff the headers for a 302 haven't returned what I'd hoped for so far. The response returned by my Observable is a 200 (login page). Here is my sample app. export class MenuComponent implements OnInit { private _resourceUrl = "http://localhost:3001/resources/menu"; constructor(private _http: Http){ } menu: string; ngOnInit(): void { this