小编abu*_*hir的帖子

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

在 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>
Run Code Online (Sandbox Code Playgroud)

这是我的路由器

const routes: Routes = [{
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: HomeComponent
  },
  {
    path: 'about',
    component: AboutComponent
  },
  {
    path: 'blog',
    component: BlogComponent
  },
];
Run Code Online (Sandbox Code Playgroud)

angular angular7 angular7-router

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

angular7 ×1

angular7-router ×1