AngularJS在選擇菜單中顯示多個值？

我採用了棱角分明1.5.11一個選擇菜單：它使用JSON如AngularJS在選擇菜單中顯示多個值？

[{ "id": 11, "name": "Rondônia", "code": "RO" }, { "id": 12, "name": "Acre", "code": "AC" }]

和菜單顯示正確的「姓名」道具

<select ng-model="abc.user.state" name="state" ng-options="option.code as option.name for option in abc.brStateSelect.options | orderBy: 'name' track by option.code" 
    class="form-control" required></select>

。但是我想顯示TWO道具：「名稱」和「代碼」，如Acre - AC作爲菜單項。

如何修改我的ng選項以顯示多個字段作爲標籤？

來源

2017-04-13 Steve

感謝好友：） – Sajeetharan

你可以做到這一點，

<select ng-model="abc.user.state" name="state" ng-options="option.name as option.name + '-' + option.code for option in datas | orderBy: 'name' track by option.code" class="form-control" required></select>

DEMO

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
$scope.datas = 
 
    [{ "id": 11, "name": "Rondônia", "code": "RO" }, { "id": 12, "name": "Acre", "code": "AC" }]; 
 
});

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
\t <select ng-model="abc.user.state" name="state" ng-options="option.name as option.name + '-' + option.code for option in datas | orderBy: 'name' track by option.code" 
 
    class="form-control" required></select> 
 
</body> 
 
</html>

來源

2017-04-13 18:00:44 Sajeetharan

AngularJS在選擇菜單中顯示多個值？

回答

相關問題