angular - コンポーネント ルーターが ng-bootstrap で動作しない

Question

タブ間を移動するためのコードの下に書いています

<ngb-tabset>
  <ngb-tab title="Add">
    <template ngbTabContent routerLink="/retail/retail-add">

    </template>
  </ngb-tab>
 <ngb-tab title="Collection">
    <template ngbTabContent routerLink="/retail/retail-collection">

      </template>
  </ngb-tab>
   <router-outlet></router-outlet>
</ngb-tabset>   

タブが表示されていますが、タブをクリックしても、そのコンポーネントにルーティングされておらず、コンソールにエラーが発生していません。助けてください

Answer 1

変化する：

<ngb-tab title="Add">
   <template ngbTabContent routerLink="/retail/retail-add">

   </template>
</ngb-tab>

と：

<ngb-tab>
   <template ngbTabTitle>
     <a routerLink="/retail/retail-add">Add</a>
   </template>
   <template ngbTabContent>

   </template>
</ngb-tab>

最後に、ルーター アウトレットをアプリ コンポーネントに移動してお楽しみください ;)。