AngularJS ng-repeat無法與選擇選項一起使用

Question

我已將數組分配給名為的對象

processMapAttrib.auditNotifyUsers.unAssignedUsers

當我使用以下命令在HTML文件中打印變量時

<label>{{processMapAttrib.auditNotifyUsers.unAssignedUsers}}</label>

我懂了

[{"id":230,"name":"Parthiban V"},{"id":231,"name":"Kanna A"},{"id":252,"name":"jagadesh S"},{"id":253,"name":"saravana kumar"},{"id":346,"name":"sith user"},{"id":347,"name":"seventh user"},{"id":348,"name":"unlimited user"}]

processMapAttrib也具有其他值。 說像processMapAttrib.Process = {}，processMapAttrib.task = {}，......

但是當我在ng-repeat中使用它時它不起作用。

<select multiple="multiple">
    <option value="{{list.id}}" ng-repeat="list in processMapAttrib.auditNotifyUsers.unAssignedUsers">{{list.name}}</option>
</select>

請幫助我將數據填充到選擇選項中。

Answer 1

我建議您使用NgOptions代替NgRepeat，它易於使用，並且是一個很好的指令，可在select元素中動態生成選項元素的列表

將此添加到您的視圖

<select ng-options="user as user.name for user in processMapAttrib.auditNotifyUsers.unAssignedUsers" 
    ng-model="selectedOption"></select>

在這里看到朋克

Answer 2

最后，我在代碼中找到了問題。 我已將value屬性更改為ng-value。 而且工作正常。

 <option ng-value="list.id" ng-repeat="list in processMapAttrib.auditNotifyUsers.unAssignedUsers">{{list.name}}</option>

Answer 3

試試這個代碼：

 var app = angular.module("myApp", []) app.controller("myCtrl", function ($scope) { $scope.processMapAttrib = [{ "id": 230, "name": "Parthiban V" }, { "id": 231, "name": "Kanna A" }, { "id": 252, "name": "jagadesh S" }, { "id": 253, "name": "saravana kumar" }, { "id": 346, "name": "sith user" }, { "id": 347, "name": "seventh user" }, { "id": 348, "name": "unlimited user" }] }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <label>{{processMapAttrib}}</label> <select multiple="multiple"> <option value="{{list.id}}" ng-repeat="list in processMapAttrib">{{list.name}}</option> </select> </div>