Question

如何在路线上配置locationProvider？我正在使用角5。

我找不到有关它的文档。

const appRoutes = [
  {path: '', redirectTo: '/example/example', pathMatch: 'full'},
  {
    path: 'example', children: [
    {path: ':example', component: example}
  ]
  }
];

@NgModule({
  imports: [
    RouterModule.forRoot(
      appRoutes,
      {
        // enableTracing: true, // <-- debugging purposes only
      })
  ],
  exports: [
    RouterModule
  ],
})
export class AppRoutingModule {
}

Answer 1

locationProvider用于AngularJS，但不用于Angular 2/5。

您必须使用Router，RouterModule和RouterOutlet。请参阅https://angular.io/guide/router以获取更多信息。

例如，要更改可在JS中使用的位置

this.router.navigate(['/home']);

或HTML

<button [routerLink]="['/home']">Home</button>

您还可以捕捉一些事件，如＆＃34; NavigationStart＆＃34;，＆＃34; NavigationEnd＆＃34;，＆＃34; NavigationError＆＃34;

Answer 2

只需使用 -

即可

<a routerLink="/home">Home</a>

这将导航到家庭组件

Answer 3

我认为你是Angular 5的新手.Angular JS和Angular完全不同。 Angular 5，Angular 2/4/5中没有可用的位置提供程序。

请使用以下文档 Routing & Navigation

用户路由器链接如下来自模板

 <a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
link to user component
</a>

来自typescript

this.router.navigate(['/home']);

添加LocationProvider Angular 5

3 个答案: