如何在angular 7中与[ngClass]一起使用if-else条件？

我想在Angular[ngClass]中使用多个类。

---

我有两个类，它应该根据已经从组件传递的标志的条件相应地工作。ts。

您可以尝试

[ngClass]=“condition？”checked'：“unchecked'”

或

[ngClass]=“condition？”checked'：“unchecked'”

您可以这样做

[ngClass]=“{'class1'：条件1，'class2'：条件2}”

请执行以下操作：

<div [ngClass]="condition1 ? 'class1' : 'class2' " ></div>

（三元运算符用法）

html:

  <div [ngClass]="{'class1' : value == 1, 'class2' : value == 2}">
      ....................... 
  </div>

   by using a function
  <div  [ngClass]="getClass(2)">
    .......................

  </div>

---

您可以通过以下几种方式完成此操作：

第一:

[class.my-class]="step=='step1'"

编号twe：

[ngClass]="{'my-class': step=='step1'}"

第三：

[ngClass]="{'my-class': step=='step1', 'my-class2':step=='step2' }"

第四：

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

---

您可以获取此帮助以获取更多帮助

欢迎使用stackoverflow！您需要共享更多信息和一些代码。请环顾四周，通读这本书。特别是，您还可以添加条件，如

conditionMatch？真：假

。救命！非常感谢。

[ngClass]="(step=='step1')?'my-class1':'my-class2'"