AngularJS - 动态检查复选框

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

其中“ selectedValues'包含选定ID的json。

来源

2016-08-02 Maryam

您的ng模型在哪里这些复选框？你应该用ng检查来做到这一点。 –

我不使用ng模型。相反，我触发ng-click，如ng-click =“toggleSelection（value.Id）”。此函数为我获取选定的值Ids，并将它们保存在数据库中。 – Maryam

好的，你可以用同样的方式从数据库中检索数据。并将其添加到价值。我会更新我的回答 –

您正在寻找来自AngularJS

的ngChecked指令集的元素有关的检查属性，如果里面ngChecked表达是真的。

使用方法如下

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

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

来源

2016-08-02 11:48:48 Weedoze

谢谢，你的答案为我工作:) – Maryam

你可以标记它作为未来的观众的答案，然后请 – Weedoze

通过采用NG-检查，你可以把它写成遵循

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

来源

2016-08-02 11:48:05

感谢您的答案，但我不得不改变控制器，以获得我不想要的json值。所以，我用函数调用在ng检查，这工作:)再次感谢:) – Maryam

AngularJS - 动态检查复选框

回答

相关问题