angularjs - ngClass if 语句多个表达式不起作用

Question

当“task.taskChecked”为真时，我想将“bg-green”类提供给 div。这有效，而且当“task.taskDescription”有“afspraak”这个词时，该类应该是“bg-purple”，这也有效。

但我正在努力的是，当'task.taskChecked'为真并且'task.taskDescription'包含'afspraak'这个词时，也给它'bg-green'类

这是代码：

<div class="tableCell taskIndicator" data-ng-class="{'bg-green': task.taskChecked == true || ( task.taskChecked == true && task.taskDescription.toLowerCase().indexOf('afspraak') > -1 ), 'bg-red': task.taskChecked == false, 'bg-purple': task.taskDescription.toLowerCase().indexOf('afspraak') > -1}">

</div>

解决方案：

<div class="tableCell taskIndicator" data-ng-class="{'bg-green': task.taskChecked, 'bg-red': task.taskChecked == false, 'bg-purple': task.taskDescription.toLowerCase().indexOf('afspraak') > -1&&!task.taskChecked}">

</div>

Answer 1

在写你的表达时，顺序很重要。

<div class="tableCell taskIndicator"  data-ng-class="{'bg-red':
task.taskChecked == false, 'bg-purple':
task.taskDescription.toLowerCase().indexOf('afspraak') > -1,
'bg-green': task.taskChecked == true || ( task.taskChecked == true &&
task.taskDescription.toLowerCase().indexOf('afspraak') > -1 )}">

</div>