2017-02-18 63 views
0

在我的控制器我創建具有值指向真/假值例如關聯數組:在HTML標籤表達的角評價

$scope.mylist["val1"]=true; 
$scope.mylist["val2"]=false; 

和我想創建被打勾或沒有相應的複選框我的列表中每個項目的值。我使用的CSS框架需要添加checked =「checked」以使複選框被選中。這就是問題發生的地方。我試過checked = {{value? 「checked」:「」}}但它不起作用。這是正確的做法嗎?

<div class="" ng-repeat="(key,value) in mylist"> 
       <input type="checkbox" id="{{key}}" ng-click="toggleSelectUnit(key)" checked="checked" ng-if="value"> 
       <input type="checkbox" id="{{key}}" ng-click="toggleSelectUnit(key)" ng-if="!value"> 
       <label for="{{key}}">{{key}}</label> 

</div> 

現在我想出了這個愚蠢的解決方法。有沒有更好更優雅的方式來做到這一點?

Thx預先

+0

你應該只使用NG-模型的複選框綁定到布爾屬性。你的CSS樣式表應該使用類似'input:checked {...}'的樣式來檢查輸入的樣式。 –

回答