Angular routerLink不导航到相应的组件

Question

const routes: RouterConfig = [
    { path:'home' , component: FormComponent  },
    { path:'about', component: AboutComponent },
    { path:'**'   , component: FormComponent  }
];

下面是我做的链接：

<ul class="nav navbar-nav item">
  <li>
    <a routerLink='/home' routerLinkActive="active">Home</a>
  </li>
  <li>
    <a routerLink='/about' routerLinkActive="active">About this</a>
  </li>
</ul>

我希望，当我单击它们时，它会导航到相应的组件，但它们不执行任何操作？

Answer 1

你在那里显示的代码是绝对正确的。

我怀疑您的问题是没有将RouterModule（声明RouterLink的地方）导入到使用此模板的模块中。

我有一个类似的问题，它花了我一些时间来解决，因为这一步在文档中没有提到。

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

@NgModule({
  imports: [
    CommonModule,
    RouterModule
  ],
  declarations: [MyTemplatesComponent]
})
export class MyTemplatesModule { }