angular - Angular2 中 api 调用后重定向到路由

Question

在处理(通过 API)用户通过表单提交的数据后，我需要将用户重定向到不同的组件。下面是我尝试过的代码。

在组件中

onSubmit(model){
  if(model.valid === true) {
    this.SharedService.postFormdata(model).subscribe(
       data  => { console.log(data)},
       error => Observable.throw(error);   
    );
    this.router.navigate(['PublicPage']);
  }
}

但是，调用完成后，它不会重定向到 PublicPage 组件。请提供任何帮助。谢谢。

Answer 1

import { Router } from '@angular/router';

export class HeroesComponent {

  constructor(private router: Router) { }

  onSubmit(modal): void {
    if(model.valid === true) {
      this.SharedService.postFormdata(model).subscribe(
      (data) => { 
        // Page redirect when getting response
        this.router.navigate(['/PublicPage']);
      }, 
      (error) => {
        console.log("err", error);   
      });
    }

  }

}

为了更好地理解，请阅读此文档:Angular2 routing