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

Question

我有一個使用Angular 1.5.11的選擇菜單：

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

使用json之類的

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

並且菜單正確顯示“名稱”道具。 但是我想顯示兩個道具：“名稱”和“代碼”，例如Acre - AC作為菜單項。

如何修改ng-options以顯示多個字段作為標簽？

Answer 1

你可以這樣做，

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

演示

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

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

問題描述

1 個解決方案

解決方案1
1 已采納 2017-04-13 18:00:44

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

問題描述

1 個解決方案

解決方案1 1 已采納 2017-04-13 18:00:44

解決方案1
1 已采納 2017-04-13 18:00:44