我需要子組件的routerLink嗎？

Question

我有一個主要組件Customer ，由sidenav組成，而details組件則顯示客戶信息：

<div id="customer" class="page-layout carded left-sidenav">

  <mat-sidenav-container>

    <mat-sidenav class="sidenav" position="start" opened="true" mode="side" mat-is-locked-open="gt-md">
      <app-customer-sidenav></app-customer-sidenav>
    </mat-sidenav>

    <div class="center">

      <div class="content-card mat-white-bg" [ngClass]="{'current-customer-selected':currentCustomer}">

        <div class="content" fxFlexAlign="row">

          <app-customer-details fxFlex></app-customer-details>

        </div>

      </div>

    </div>

  </mat-sidenav-container>

</div>

在此階段，所有內容都將按預期呈現。 現在，在我的sidenav中，我有一些允許用戶訪問其他客戶信息的項目，例如地址，銀行帳戶等。我已經擁有了這些組件。

如何啟用這些組件的鏈接？ 使用routerLink ， hidden ， ngIf或ngSwitch ？

Answer 1

通常，您將routerLink用於子組件。

這是有關如何使用routerLink的簡短示例：

<li role="presentation" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"><!-- using exact path -->
    <a routerLink="/">Start</a>
</li>
<li role="presentation" routerLinkActive="active">
    <a routerLink="books">Books</a>
</li>
<li role="presentation" routerLinkActive="active">
    <a [routerLink]="['audio']">Audio</a><!-- Optional syntax here -->
</li>