有條件的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是我爲你創造的撬棍。