使用 Angular 的 *ngClass 時如何避免「無法讀取未定義的屬性『刪除』」？

在Angular 中使用帶有*ngClass 的條件類

本文解決了使用Angular ngClass 指令分配條件時遇到的問題類。錯誤「無法讀取未定義的屬性『刪除』」是由 ngClass 的錯誤實作觸發的。

要修正此問題，重要的是要了解Angular 版本2 提供了多種有條件的方法應用課程：

選項1:

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

選項1:

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

選項2：

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

選項3：多類別

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

選項4：使用數字作為鍵

選項4：使用數字作為鍵

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

選項4：使用數字作為鍵選項5：條件運算子值得注意的是，您提供的使用 setter 語法的範例不是建議的方法。相反，選擇上面討論的方法之一。透過實現這些更改，您可以有效地利用 *ngClass 來應用條件類，並避免「無法讀取未定義的屬性『刪除』」錯誤。

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