使用 Angular 的 *ngClass 时如何避免'无法读取未定义的属性'删除'”？

在 Angular 中使用带有 *ngClass 的条件类

本文解决了使用 Angular ngClass 指令分配条件时遇到的问题类。错误“无法读取未定义的属性‘删除’”是由 ngClass 的错误实现触发的。

要纠正此问题，重要的是要了解 Angular 版本 2 提供了多种有条件的方法应用课程：

选项1:

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

选项 2：

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

选项 3：多个类

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

选项 4：使用数字作为键

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

选项 5：条件运算符

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

值得注意的是，您提供的使用 setter 语法的示例不是推荐的方法。相反，选择上面讨论的方法之一。通过实现这些更改，您可以有效地利用 *ngClass 来应用条件类，并避免“无法读取未定义的属性‘删除’”错误。

以上是使用 Angular 的 *ngClass 时如何避免'无法读取未定义的属性'删除'”？的详细内容。更多信息请关注PHP中文网其他相关文章！