侦听routerLink中变化的变化

Question

我有一些链接，当单击这些链接时，它们应该在 router-outlet 处打开一个组件。该组件根据routerLink中的值显示内容。 根据代码，每当用户单击{{note.title}}提供的链接时， NoteContentComponent 都应在路由器出口处打开。

如果我位于应用程序的根目录下： localhost：4200 ，然后单击应用程序导航到 localhost：4200 / notes / requiredid 的链接，然后打开组件。一切都很好。但是，下次当我单击任何其他链接时，地址栏中的URL会更改，但是新组件不会显示在 router-outlet 中。

<div class="container-fluid note-nav-container">
    <div class="row" style="height: 100%;">
        <div class="col-md-2 col-sm-12 note-nav">
            <ul *ngIf="notes" class="note-list">
                <li *ngFor="let note of notes">
                    <a routerLink="/notes/{{note._id}}">
                        {{ note.title }}
                    </a>
                </li>
            </ul>
        </div>

        <div class="col-md-10 col-sm-12 content-container">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

我的路线：

const routes: Routes = [
    {
       path: 'notes',
       children: [
           {
               path: ':id',
               component: NoteContentComponent
           }
       ]
    }
];

我认为问题在于，当我第二次单击链接时，它看到该应用程序已指向 / notes /：id ，尽管地址更改了，但它不会打扰打开新组件。

我该如何解决。