具有多个字段的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>