Question

所以我对此很陌生。我使用Ionic 3并试图根据条件动态选择使用哪个类但我无法让ngClass工作...... 任何帮助将不胜感激。

    <div ng-class="test: data[i].complete ? 'completed' : 'notCompleted'>
      <div class="dueDate">{{ data[i].dueDate }}</div>
      <div class="taskLabel">{{ data[i].taskLabel }}</div>
      <div class="checkBox">
        <img src="{{ data[i].complete_url }}" style="width : 100% ; height : 100%" (click)="CheckBox(i)">
      </div>
    </div>

Answer 1

你正在使用angularjs语法wih angular，它应该是这样的，

[ngClass]="test===data[i].complete?'completed':'my-notCompleted'"

Answer 2

[class.x] =“condition”如果条件为真，则将x类添加到元素

 <div  [class.completed]="data[i].complete" [class.myNotCompleted]="!data[i].complete">

离子3动态类（ngClass）

2 个答案: