具有多個字段的AngularJS ng-options

Question

我有一組帶有用戶信息的對象。

"Id": "1",
"Firstname": "ABCDEF",
"Lastname": "GHIJK",
"Middlename": ""

在我的選擇選項中，我想顯示兩個字段 - Firstname Lastname 。 我不知道怎么做以及如何將它綁定到ng-model 。

Answer 1

你可以試試這個：

<select 
  name="users" 
  ng-model="selectedUser" 
  ng-options="user.Id as user.Firstname + ' ' + user.Lastname for user in users">
</select>

文檔中的更多信息： https ： //docs.angularjs.org/api/ng/directive/select

Answer 2

考慮到你的數組對象的格式是這樣的。

$scope.userInfo = [
                    {"Id": "1", "Firstname": "ACDEF", "Lastname": "GHIJK", "Middlename": ""},
                    {"Id": "2", "Firstname": "BADEF", "Lastname": "HIGJK", "Middlename": ""},
                    {"Id": "3", "Firstname": "CDBEF", "Lastname": "IIHJK", "Middlename": ""},
                ]

您可以顯示兩個這樣的字段，並將其綁定到模型，如下所示。

<select ng-model="userInfo" ng-options="s.Firstname +' '+ s.Lastname for s in userInfo" class="span2"> </select> 

Answer 3

只是一個額外的更新，

我必須在括號中顯示姓氏，所以這里是我如何修改答案並使其正常工作。

<select 
   name="users" 
   ng-model="selectedUser" 
   ng-options="user.Id as user.Firstname + ' (' + user.Lastname + ') ' for user in users">
</select>

Answer 4

Theres始終處於非ng-options場景中，您可以在ng-repeat項中綁定兩個參數：

  <select name="user" ng-model="vm.asignedUser">
    <option value="">Select user</option> 
    <option value="{{ {'name':user.name, 'id': user.id} }}" ng-repeat="user in vm.users">
      {{ user.nombreLargo }}
    </option>
  </select>

Answer 5

這對我有用：

<select ng-model="color" ng-options="(c.name+' '+c.shade) for c in colors"></select>

資料來源： https ： //groups.google.com/d/msg/angular/ljJd5x1Tgrk/bZuVWCA1hO4J