kann nicht auf diese Komponente zugreifen in abonnieren Funktion

Question

Ich versuche, neue Seite zu navigieren, wenn get Antwort vom Server:

import {Component} from '../../node_modules/angular2/core'; 
import {Router} from "../../node_modules/angular2/router"; 
import {Http, Headers, HTTP_PROVIDERS} from '../../node_modules/angular2/http' 

@Component({ 
    selector: 'test-page', 
    templateUrl:'src/login/test.html', 
    providers: [HTTP_PROVIDERS] 
}) 


export class TestPage { 
    constructor(private _router:Router, 
       private _http:Http) { 
    } 

    Test(username, password) { 
     let body = 'test'; 
     let headers = new Headers(); 
     headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
     this._http.post('/api/test', 'test', {headers: headers}) 
     .subscribe(
       response => { 
        this._router.navigateByUrl('Home'); //'this' is not a component 
       }, 
       error => { 
        console.log(error) 
       } 
     ); 
    } 
} 

Aber aus irgendeinem Grund ‚dies‘ kein Zeiger auf Komponente ist, aber es ist ein abonnieren . Kennt jemand den Grund der Ausgabe?

Answer 1

Ich glaube, Sie die Variable diese vor dem Aufruf des http Post-Cache sollte, weil innerhalb des Teilnehmer diese an den Teilnehmer selbst beziehen.

let headers = new Headers(); 
var self = this; 
headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
this.http.post('/api/test', 'test', {headers: headers}) 
     .subscribe(
       response => { 
        self._router.navigate(link); 
       }, 
       error => { 
        console.log(error) 
       } 
     ) 

Answer 2

Router.navigate muss keine Komponente-Klasseninstanz als Parameter

this._router.navigate(link); 

ungültig ist.

Es erfordert eine Reihe von Routennamen

this._router.navigate(['MyRoute']); 

Siehe auch https://angular.io/docs/ts/latest/api/router/Router-class.html