如何將數據庫中的列表綁定到AngularJS中的複選框？

-2

如何將數據庫中的列表綁定到AngularJS中的複選框？如何將數據庫中的列表綁定到AngularJS中的複選框？

此列表包含ID和名稱，我只想顯示名稱。選中複選框後，我需要獲取關聯的ID。

我得到的功能

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

這Enum（EnFeature）列表中有一個自定義Enum屬性，它具有（ID，說明和顯示文本）

我ViewBag這個列表發送到角：

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

來源

2016-12-21 Taha Mohammed Gamal

你知道爲什麼人們downvoted這題？您希望我們作爲您的「免費」員工工作，爲您的問題提供答案，而無需您先解釋您做了什麼，您確切的問題是什麼，並且沒有任何細節。 Stackoverflow不是一個獲得作業答案的地方。 – DennyHiu

我會盡力幫助你的假設，它不是涉及ASP.Net控件，只是純粹的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) 
}

來源

2016-12-21 22:58:38 DennyHiu

謝謝你，它運作良好 –

如何將數據庫中的列表綁定到AngularJS中的複選框？

回答

相關問題