我正在使用 Angular 7，当 routerLink 不工作时，当我单击锚点按钮时，它不工作

Question

在 Angular 7 中，我定义了不同的组件应用程序文件夹，并在路由中定义组件，当我在 url 中定义路由器名称时，工作正常，向我显示附加到该 url 的组件，但是当我在锚标记中定义路由名称时单击锚定它，这里不起作用是我的 html 代码

<li class="nav-item">
  <a class="nav-link" routerLink="/home">Home</a>
</li>
<li class="nav-item @@about">
  <a class="nav-link" routerLink="/about">About</a>
</li>
<li class="nav-item @@blog">
  <a class="nav-link" routerLink="/blog">BLOG</a>
</li>

这是我的路由器

const routes: Routes = [{
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: HomeComponent
  },
  {
    path: 'about',
    component: AboutComponent
  },
  {
    path: 'blog',
    component: BlogComponent
  },
];

Answer 1

如果您的锚标记没有变成蓝色，则意味着 routerLink 未与锚标记绑定。这是因为你没有导入RouterModule。

注意：您必须RouterModule在声明此组件的模块中导入您要添加的组件routerLink，而不是在app.module.ts. 例如：如果你有home.component.tsinhome.module.ts并且你想使用<a [routerLink]="[/student]"></a>inhome.component.html则添加RouterModuleinhome.module.ts

import {RouterModule} from '@angular/router';
@NgModule(
{ 
  ...
   import:[
     ...
       RouterModule
     ...
   ]
  ...
}
)