这里选择的是情景默认值从服务器
我得到的数据从服务器以这种形式
$scope.data=[
{"name":"xyz","status":"pending"},
{"name":"abc","status":"completed"},
{"name":"pqr","status":"completed"}
]
这个数据是Seprate GET需要不同的状态
$scope.statusValues=[
{"statusName":"pending","id":"1"},
{"statusName":"completed","id":"2"},
{"statusName":"cancelled","id":"3"},
{"statusName":"custom","id":"4"}
]
HTML中： -
<div ng-repeat="t in data">{{t.name}}</div>
如何显示有更多$ scope.statusValues
您可以使用ng-options显示所有的状态和ng-model选择方法内t.status值绑定到你的数据状态
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.data = [{
"name": "ABC",
"statusId": "1",
"status": "completed"
}, {
"name": "XYZ",
"statusId": "2",
"status": "pending"
}, {
"name": "PQR",
"statusId": "3",
"status": "assigned"
}];
$scope.statusValues = [{
"statusId": "1",
"status": "completed"
}, {
"statusId": "2",
"status": "pending"
}, {
"statusId": "3",
"status": "assigned"
}, {
"statusId": "4",
"status": "cancelled"
}, {
"statusId": "5",
"status": "customstatus"
}, {
"statusId": "6",
"status": "customstatus2"
}];
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="t in data">
{{t.name}}
<select ng-model="t.status" ng-options="s.status as s.status for s in statusValues"></select>
</div>
</div>编辑
如评论中所述更新阵列
谢谢来回答复!!但仍然默认情况下，状态值没有被选择..因为它来自服务器.. –
什么是默认值？ – Weedoze
from Data array ... {{t.status}} .. –
谢谢你回复！但仍然默认状态值没有被选择..因为它来自服务器.. –
我已经创建静态替换它与服务器响应。 –
Exactly.Static数据工作正常..只要我这样做与服务器GET调用..它不选择默认值{{t.status}} –
使用'NG-selected'比赛，像这样'NG-model' ........................ ........'' – cna327