Angular *ngClass 錯誤：如何修復「無法讀取未定義的屬性『刪除』」？

Angular：使用*ngClass 的條件類

使用*ngClass 的條件類分配是一種有效的Angular 技術，用於根據特定動態變更元素樣式狀況。但是，遇到錯誤「無法讀取 BrowserDomAdapter.removeClass 處未定義的屬性『刪除』」表示程式碼有問題。讓我們來探索可能的解決方案：

使用替代類別語法的解決方案

Angular 為條件類別分配提供替代語法選項：

• 類型一：

  [class.my_class] = "step === 'step1'"

• 型二：

  [ngClass]="{'my_class': step === 'step1'}"

• 多個選項：

  [ngClass]="{'my_class': step === 'step1', 'my_class2' : step === 'step2' }"

• 枚舉式語法：

  [ngClass]="{1 : 'my_class1', 2 : 'my_class2', 3 : 'my_class4'}[step]"

• 三元運算子：

  [ngClass]="step == 'step1' ? 'my_class1' : 'my_class2'"

具有類型一語法的範例程式碼：

<ol>
    <li [class.active] = "step==='step1'" (click)="step='step1'">Step1</li>
    <li [class.active] = "step==='step2'" (click)="step='step2'">Step2</li>
    <li [class.active] = "step==='step3'" (click)="step='step3'">Step3</li>
</ol>

此替代語法刪除了潛在的“未定義” " 使用 Angular 的內建類別綁定時出錯。

參考Angular 的官方文件提供了類別綁定語法選項的完整列表。

以上是Angular *ngClass 錯誤：如何修復「無法讀取未定義的屬性『刪除』」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！