Question

如何将数据库中的列表绑定到AngularJS中的复选框？

此列表包含ID和名称，我只想显示名称。选中复选框后，我需要获取相关的ID。

我得到了一系列功能

var PlanFeaturelst = Helper.ConvertCustomEnumToList<EnFeature>();

此Enum（EnFeature）具有自定义Enum属性，其中包含（ID，说明和显示文字）

我将此列表发送到ViewBag中的angular：

$scope.initPlan = function (serverparam) {
    $scope.JAdminPlan.PlanFeatureValues = angular.copy(serverparam.featureTemp);
}

HTML：

<div ng-repeat="feture in JAdminPlan.PlanFeatureValues">
    <input type="checkbox" ng-model="feture.ID" ng-change="getID(feture.DisplayText)"/>
    &nbsp; 
    {{feture.DisplayText}} 
</div>

Answer 1

我会尝试帮助你假设它不涉及ASP.Net控件，只是带有Angular的纯HTML控件

persons是一个对象数组：{name: "Mark", id: "00001"}。在这种情况下，对persons的任何更改都会影响<li>标记内显示的文字，反之亦然

HTML：

<ul>
   <li ng-repeat="person in persons">
     <input type="checkbox" ng-model="person.selected" ng-change="onChecked(person)"/> 
     span {{ person.name }}
   </li>
</ul>

控制器（javascript部分）：

$scope.onChecked = function(selectedPerson){
   console.log(selectedPerson.id)
}

如何将数据库中的列表绑定到AngularJS中的复选框？

1 个答案: