Angular 子组件是否需要routerLink？

我有一个主要组件

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

？

通常对子组件使用

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>

开始


书


音频

我假设您在app.module.ts文件中声明了路由，并在导入

app.module.ts

时使用了

RouterModule.forRoot（appRoutes）

是否正确？是的，请查看此文档：@gil.fernandes是的，它们是在childmode中声明的，因此我使用

forChild

。