Angular 4 location.path 在组件之间导航

Question

我最近开始了一个使用 Angular 4 和 TypeScript 的项目。一切都很顺利，直到一点:

我需要创建路由原则。为此，我在我的 App.Module.ts 中创建了路由:

RouterModule.forRoot([
      {path: '', component: HomeComponent },
      {path: 'thanks', component: ThanksComponent} //, canActivate: [AuthGuard]

    ])

在 Angular js 中，为了从一个路由传递到另一个路由，我们使用了 routeConfig ，然后在 Controller 中使用:

$location.path("/roue");

为了导航。

我的主要想法是在组件之间导航，就像我在 Angular js 中使用导航一样。如何在 Angular 4 中的组件之间导航？

Answer 1

@Sajeetharan 几乎明白了。

使用

导入路由器

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

将其注入(inject)到您的组件中

constructor(private router: Router) {}

现在您有多种调用方式

this.router.navigate(['thanks']); // Array of routes
this.router.navigateByUrl('/thanks'); // Absolute path
this.router.navigate(['thanks', 1]); // route corresponding to thanks/1, useful for params