Question

在我的控制器中，我创建了一个关联数组，其值指向true / false值，例如：

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

我想创建与列表中每个项目的值相对应的复选框。我使用的css框架需要添加checked =＆＃34; checked＆＃34;选中复选框。这就是问题所在。我试过检查= {{值？＆＃34;检查＆＃34; ：＆＃34;＆＃34;}}但它不起作用。那么这是正确的方法吗？

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

现在我想出了这个愚蠢的解决方法。有没有更好，更优雅的方式呢？

提前谢谢

Answer 1

尝试使用ng-checked。

<input
  ng-checked="expression">
...
</input>

https://docs.angularjs.org/api/ng/directive/ngChecked

html标签中表达式的角度评估

1 个答案: