If the server sends a redirect with a 302 status code with the URL to redirect within a Location header, the redirect is automatically handled by the browser, i.e. a request to this URL is executed. That’s why XHR (and the Angular2 wrapper around it, i.e. the Http class) won’t see the result of the … Read more
Thats kinda tricky to explain: Date is a class, this means that values of type Date need to be created through a constructor call. In other words, create a class instance with new Date(…). The Response.json method will only return an object in JSON format, and such doesnt contain an instance of any class, only … Read more
It is not necessary to extend BrowserXhr anymore. (Tested with angular 2.2.1) RequestOptionsArgs now has a property responseType: ResponseContentType which can be set to ResponseContentType.Blob Using DomSanitizer import {DomSanitizer} from ‘@angular/platform-browser’; This example also creates a sanitized url that can be bound to the src property of an <img> this.http.get(url, { headers: {‘Content-Type’: ‘image/jpg’}, responseType: … Read more
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(private loginService: LoginService, private router: Router) {} canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return this.loginService .isLoggedIn() .map((e) => { if (e) { return true; } }) .catch(() => { this.router.navigate([‘/login’]); return Observable.of(false); }); } } If you have … Read more
Try to change your code like this let options = new RequestOptions({ headers: headers, withCredentials: true }); and this.http.post(this.connectUrl, <stringified_data> , options)… as you see, the second param should be data to send (using JSON.stringify or just ”) and all options in one third parameter.
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 Http module with Observable: import {bootstrap} from ‘@angular2/platform-browser-dynamic’; import {Component, enableProdMode, Injectable, OnInit} from ‘@angular/core’; import {Http, Headers, HTTP_PROVIDERS, URLSearchParams} from ‘@angular/http’; import ‘rxjs/add/operator/map’; const API_KEY = ‘6c759d320ea37acf99ec363f678f73c0:14:74192489’; @Injectable() class ArticleApi { constructor(private … Read more
Look at my code, but be aware. I use async/await, because latest Chrome beta can read any es6 code, which gets by TypeScript with compilation. So, you must replace asyns/await by .then(). Input change handler: /** * @param fileInput */ public psdTemplateSelectionHandler (fileInput: any){ let FileList: FileList = fileInput.target.files; for (let i = 0, length … Read more
For angular 4.3+ and @angular/common/http It’s can be done with interceptors @Injectable() export class ExampleInterceptor implements HttpInterceptor { intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { const url=”http://myurl.com”; req = req.clone({ url: url + req.url }); return next.handle(req); } } app.module.ts import { NgModule } from ‘@angular/core’; import { Injectable } from ‘@angular/core’; import { HttpClientModule, HttpRequest, … Read more
As of Angular 4.3.x and beyond versions, it can be achieved using the new HttpClient from @angular/common/http. Read the Listening to progress events section. Simple upload example (copied from the section mentioned above): const req = new HttpRequest(‘POST’, ‘/upload/file’, file, { reportProgress: true, }); http.request(req).subscribe(event => { // Via this API, you get access to … Read more
This is actually really easy to do in the final release. Took me a while to wrap my head around it because most information about it that I’ve come across is outdated. Posting my solution here in case anyone else is struggling with this. import { Component, ElementRef, Input, ViewChild } from ‘@angular/core’; import { … Read more