Pre-selecting a select item using AngularJS not working

Question

I have the following objects and properties:

User - TitleID
     - FirstName
     - Surname
     - EmailAddress

Titles - CodeID
       - Description

The user's title should be preselected in a select element which also contains all the other Titles from the Titles.

Although I can get all the titles to display in the select box, I cannot get it to pre-select the correct (or indeed any) title from the select box when editing a user.

This is what I have so far:

<select ng-model="user.TitleID" ng-options="title.CodeID as title.Description for title in titles track by title.CodeID">

How do I go about getting the correct title preselected with this relational data?

Anthony Chu · Accepted Answer · 2014-06-24 16:03:53Z

2

There's a potential bug in Angular where track by and as don't work together in ngOptions.

GitHub Issue #6564

Remove the track by and it'll work...

JsFiddle

answered Jun 24, 2014 at 16:03

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pre-selecting a select item using AngularJS not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related