如何获取json数组值并显示在angularjs的下拉列表中?
How to get json array value and display in dropdwon list in angularjs?
{"id":1,"firstName":"John1","lastName":"Doe1","**accountIds**":[12345,12346,12347],"recipients":[{"accountNumber":22222,"firstName":"Mary1","lastName":"Jane1"},{"accountNumber":33333,"firstName":"Mary2","lastName":"Jane2"}]}
显示"accountIds"是下拉列表。
请参阅附件中的 jsfiddle http://jsfiddle.net/HB7LU/13213/。
您需要使用点符号来定位 accountIds
。
HTML
<div ng-controller="MyCtrl">
<select>
<option ng-repeat="item in items.accountIds">{{item}}</option>
</select>
</div>
JS/Angular
var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.items = {
"id": 1,
"firstName": "John1",
"lastName": "Doe1",
"accountIds": [12345, 12346, 12347],
"recipients": [{
"accountNumber": 22222,
"firstName": "Mary1",
"lastName": "Jane1"
}, {
"accountNumber": 33333,
"firstName": "Mary2",
"lastName": "Jane2"
}]
}
}
{"id":1,"firstName":"John1","lastName":"Doe1","**accountIds**":[12345,12346,12347],"recipients":[{"accountNumber":22222,"firstName":"Mary1","lastName":"Jane1"},{"accountNumber":33333,"firstName":"Mary2","lastName":"Jane2"}]}
显示"accountIds"是下拉列表。
请参阅附件中的 jsfiddle http://jsfiddle.net/HB7LU/13213/。
您需要使用点符号来定位 accountIds
。
HTML
<div ng-controller="MyCtrl">
<select>
<option ng-repeat="item in items.accountIds">{{item}}</option>
</select>
</div>
JS/Angular
var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.items = {
"id": 1,
"firstName": "John1",
"lastName": "Doe1",
"accountIds": [12345, 12346, 12347],
"recipients": [{
"accountNumber": 22222,
"firstName": "Mary1",
"lastName": "Jane1"
}, {
"accountNumber": 33333,
"firstName": "Mary2",
"lastName": "Jane2"
}]
}
}