location.go（）は角度2でユーザーをリダイレクトしていません

Question

ログインを確認しています。それが成功すれば、同じアプリケーションの別のページにユーザーをリダイレクトしたいと思います。私はそれを行う以下のコードを持っています。

import { Component } from '@angular/core'; 
import { FormGroup, FormControl, Validators, FormBuilder } from '@angular/forms'; 
import { DataService } from '../services/data.service'; 
import {Location, LocationStrategy, PathLocationStrategy} from '@angular/common'; 

@Component({ 
    selector: 'app-login', 
    templateUrl: './login.component.html', 
    providers: [Location, {provide: LocationStrategy, useClass: PathLocationStrategy}], 
    styleUrls: ['./login.component.css'], 

}) 
export class LoginComponent { 

static location:Location; 

    constructor(private formBuilder: FormBuilder, 
       private dataService: DataService,location: Location) { 
       LoginComponent.location = location; 

     this.loginForm = this.formBuilder.group({ 
     username: this.username, 
     password: this.password 
    }); 
    } 

    loginForm : FormGroup; 
    username = new FormControl('', Validators.required); 
    password = new FormControl('', Validators.required); 

Login(){ 

    this.dataService.doLogin(this.loginForm.value.username,this.loginForm.value.password).subscribe(function(res){ 
     console.log(LoginComponent.location) 
     LoginComponent.location.go('/report'); 
    },function(err){ 
     console.log("Err",err) 
     });; 
} 

}

しかし、問題がある、ブラウザにURLをhttp://localhost:3000/reportに変更。しかし、ページが読み込まれていないとき。リロードすると、新しいページが表示されます。

このコードで何が問題になっていますか？ location.go()はURLを読み込みません。

Answer 1

角度ルータを使用する場合、角度/ルータ名前空間にあるルータクラスを使用します。 これをご覧ください Angular Router Navigation example 私はあなたの問題を解決するのに役立つと思います。 Location classはURLとやりとりしますが、アプリケーションルートでは移動しません（角度1と同じ）。 Locationクラスについてその記事から

引用：」

注：それはルート変更をトリガーするRouterサービスを使用することをお勧めしますあなたはとの対話やルーティングの外正規化されたURLを作成する必要がある場合にのみ、場所を使用してください

。