AngularJS ng-options with several fields

angularjs, html, javascript

Solution

You can try this :

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

More information in the documentation : https://docs.angularjs.org/api/ng/directive/select

Problem

I have a collection of objects with user info. ``` "Id": "1", "Firstname": "ABCDEF", "Lastname": "GHIJK", "Middlename": "" ``` In my select options I want to display two fields - `Firstname Lastname`. I don't get how to do it and how to bind it to `ng-model`.

Original source