离子3动态类（ngClass）

【问题标题】：ionic 3 dynamic class (ngClass)离子3动态类（ngClass）
【发布时间】：2018-10-14 09:45:40
【问题描述】：

所以我对此很陌生。我使用 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>

【问题讨论】：

标签： angular ionic-framework ionic3 ng-class

【解决方案1】：

[class.x]="condition" 如果条件为真，则向元素添加 x 类

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

【讨论】：

不要只写代码答案，而是请解释您的代码将如何帮助解决 OP 的问题。 From Review

【解决方案2】：

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

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

【讨论】：

好吧，我现在使用
仍然无法正常工作...跨度>
试试修改后的
test 真的是条件的一部分吗？不就是data[i].complete吗？我不知道test:在问题中是什么意思。
哦，我理解你的逻辑错误，你检查的条件是什么？
太棒了。我相信就是这样......