angular - Angular Material Stepper、ダイナミック カラー チェンジ

Question

アンギュラーマテリアルステッパーを使用して進行状況トラッカーとして使用しようとしています（それが意図されていないことはわかっていますが、それが私の要件に適合する唯一のものです）。私のステッパーには5つのステップがあります。

商品やアイテムがそのポイントに達したときに色をオンにしたい。私はそれのためのクラスを見つけました mat-step-icon-selected。しかし、それは機能していません。

ステータス/ステップ番号を返す API からデータを取得します。それに基づいて、色を変える必要があります。

クラスの色を変更できません。ngClassonを使ってみましたが、うまくいきmat-step ません。

これは私のコードです:

 <mat-horizontal-stepper [linear]="true">

    <mat-step>
        <ng-template matStepLabel >
          Initiated          
        </ng-template>
    </mat-step>
    <mat-step [className]="isTrue ? 'mat-step-icon-selected' : ''">
        <ng-template matStepLabel>PM</ng-template>
    </mat-step>
    <mat-step #stepper>
      <ng-template matStepLabel>HM</ng-template>
    </mat-step>
    <mat-step>
      <ng-template matStepLabel>BU</ng-template>
    </mat-step>
    <mat-step>
      <ng-template matStepLabel>FT</ng-template>
    </mat-step>
  </mat-horizontal-stepper> 

表示されるステッパーの色を更新する解決策を提案してください。

ありがとう ：）