有条件的ngClass在我的情况下不起作用

Question

<li ng-class="{selected: 'checked==true'}" ng-repeat="item in data"> 
<span>item.name</span> 
<input ng-model="checked"/> 
</li> 

如果复选框被选中，我想添加class selected。但是，在点击复选框之前，上面的代码添加了选定的类，出了什么问题？

Answer 1

那么，在问题中，你提到你的输入是一个复选框。如果您错过输入的类型，则将其视为文本输入。

所以，你的输入应该是这样的。

<input type="checkbox" ng-model="checked"/> 

现在，如果你使用了NG-模型复选框，corrosponding变量，它是checked这里，只能容纳true或false，都是布尔值。所以，你不需要在ng-class中比较它们。

只有 <li ng-class="{selected: checked}" ng-repeat="item in data"> 就足够了。

Here是我为你创造的撬棍。