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中文网其他相关文章！