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

时间:2017-08-24 13:10:38

标签: angularjs ng-class angularjs-ng-class

我想给班级' bg-green'当#t; task.taskChecked'是真的。这是有效的,也可以当'task.taskDescription'有'afspraak'这堂课应该是'紫色'这也有效。

但是我正在努力的是,当'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>

SOLUTION:

<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>

1 个答案:

答案 0 :(得分:0)

编写表达式时,顺序非常重要。

<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>