Angular 8 路由器 Link 在代码的特定部分不工作

Question

在我的代码中，我使用 routerLink 重定向用户，如果他没有通过身份验证并且工作正常，但在同一页面中我有几个 links 重定向到建议的 post 但是单击，只有浏览器中的 link 发生变化，单击的 post 不加载，这是我当前版本的代码：

注意：RouterModule 已在 app.module.ts

中导入

import { RouterModule } from '@angular/router';
@NgModule({
    declarations: [
      ...
      FaqComponent,

    ],
    imports: [
      RouterModule,
      BrowserModule,
      ...
    ],
    providers: [],
    bootstrap: []
  })
  export class AppModule { }

不工作：

<h1>Suggested FAQ</h1>
<ul class="list-group list-group-flush">
     <li style="padding: 12px 0px;background-color: transparent;font-weight: bold;" *ngFor="let faq of suggestedFaqs" class="list-group-item">
        <a routerLink="/faq/{{faq.id}}/{{faq.title}}" >{{faq.title}}</a>
     </li>
</ul>

作品：

<div style="margin: 30px 0px;" *ngIf="!isLoggedIn">
   <a routerLink="/login" class="btn_faq" >login</a>
</div>

应用程序中的路径定义-routing.module.ts

  { path: 'faq/:id/:title', component: FaqComponent},

示例：

http://localhost:4200/faq/2/Changer%20votre%20langue%20préférée.

当在 FaqComponent 外部单击该路由时，该路由工作正常，但如果在 FaqComponent 内部单击，则该路由不起作用

Answer 1

The router only destroys and recreates the component when it navigates to a different route. When only route params or query params are updated but the route is the same, the component won't be destroyed and recreated.

Angular 8 路由器 Link 在代码的特定部分不工作

Angular 8 Router Link not working in a specific part of the code

angular

angular-routerlink