1

以下の web-link は、個別の HTML 要素のブール値として使用されたときの routerLinkActive ID の動作を示しています' [ngClass]
https://stackblitz.com/edit/routerlinkactivesimple?file=src%2Fapp%2Fapp.module.ts

対照的に、routerLinkActive id は Web リンクの下の @angular/material インスタンスでは機能しませんが、5 行目と 6 行目をコメントするとエラーは消えますが、routerLinkActive id の使いやすさは修正されません: https://stackblitz.com/edit/mat -routerlinkactive?file=src%2Fapp%2Fnav%2Fnav.component.html

4

2 に答える 2

1

2番目のリンクには多くの問題があり、app-navも使用されていないため、「コメント行」では機能しません..

とにかく

routerLinkActive には問題はありません。問題は次のとおりです。

<button mat-button color="white" fxHide.xs *ngIf="true">
  <span>
    <a routerLink="city-list" routerLinkActive="active-link citNgClassList" #rla_clist="routerLinkActive"
      [routerLinkActiveOptions]="{exact: true}">
      <mat-icon class="mr">maps_home_work</mat-icon>
      Cities
    </a>
  </span>
</button>

あなたのリンクはボタンの中にあります..ボタンを削除し、「a」を保持すると機能します

*ngIf="true" のポイントは何ですか?

編集： ボタンのスタイルを維持したい場合は、ボタンを維持して「a」を削除できます（ただし、リンクをボタンとして表示するのは使い勝手が悪いです..）。

于 2021-03-11T08:02:25.700 に答える