Question

我最近开始了一个角度为4的打字项目。一切都进行到一点：

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

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

    ])

在角度js中，为了从一条路径传递到另一条路线，我们使用routeConfig然后只在控制器中使用：

$location.path("/roue");

为了导航。

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

Answer 1

您必须导入 Router 并使用

<强> import { Router } from '@angular/router';

constructor(private _router: Router)
this.router.navigate("/thanks");

Answer 2

您可以使用

你的HTML中的

[routerLink]="['/roue']"

或在您的组件中：

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

constructor(
    private router: Router,
) { }

goToRoue(){
    this.router.navigate(['/roue']);
}

希望它有所帮助！

Answer 3

@Sajeetharan 几乎得到了它。

使用

导入路由器

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

将其注入您的组件

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

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

3 个答案: