Question

我是AngularJS的新手。我正在使用WebApi和angularJS处理checkboxlist并需要帮助。好吧，有一个复选框列表，用户可以选择多个选项。我能够为此编写成功的代码。选定的选项将保存到数据库中。但是，在编辑时，我希望已经选择了这些选项。我怎样才能做到这一点？感谢。

这是我的复选框：

<div ng-repeat="value in getCheckboxlist">
    <input ichecklist type="checkbox" id="{{value.Id}}" value="{{value.Id}}">
    <span>{{value.Name}}</span>
</div>

阵列声明：

$scope.selection: [];

这就是我在编辑时从数据库中选择ID的方法：

$scope.selection: selectedValues;

其中'selectedValues'包含所选ID的json。

Answer 1

您正在寻找AngularJS的ngChecked指令

如果ngChecked中的表达式是真实的，则在元素上设置checked属性。

像这样使用

<input id="checkSlave" type="checkbox" ng-checked="expression">

您可以通过调用函数来替换expression，该函数将验证是否应选中此复选框。该函数应返回true或false

Answer 2

通过使用ng-checked，您可以按照以下方式编写

//Angular Controller codes
$scope.Checkboxlist = [{id:1, value:  true, Name: "A"}, {id:2, value: false, Name: "B"}];

//View codes
<div ng-repeat="value in Checkboxlist">
    <input ichecklist type="checkbox" id="{{value.Id}}" ng-checked="Checkboxlist[$index].value">
   <span>{{value.Name}}</span>
</div>

AngularJS - 动态检查复选框

2 个答案: