AngularJS - Data binding default value of html select

Question

I would like to 'data bind' the default value of a html/jade select. Here is my select:

select#title.form-control(ng-model='newClient.title')
    option(ng-repeat='title in titles', ng-selected='$first') {{title}}

The problem here is that if I don't touch the select, my newClient.title will be set as undefined and not the first title value. How can I do that without setting a default value in my controller?

ng-selected is a boolean, newClient.title is a string... I don't understand what you're trying to do? — Nate
– Nate, Commented May 23, 2014 at 13:12
Ahh, nvm, just saw you had the repeat on option elements - why are you not using ng-options? — tymeJV
– tymeJV, Commented May 23, 2014 at 13:16
B ecause I'm new to angularJS and I don't have the right reflex :o) Let me try that... — Nate
– Nate, Commented May 23, 2014 at 13:20

Brandon Horst · Accepted Answer · 2014-05-23 13:29:44Z

2

You want to use ng-options to define the options, and then simply specify the ng-model for the first element. You don't have to worry about an ng-init.

<select ng-options="title for title in titles" ng-model='titles[0]'></select>

For reference, there's some pretty good documentation here.

answered May 23, 2014 at 13:29

Brandon Horst

2,0701 gold badge18 silver badges28 bronze badges

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

Comments

Quad · Accepted Answer · 2014-05-23 13:23:24Z

0

You can use a ng-init directive.

ng-init="newClient.title = titles[0]"

Fiddle Here

in jade format:

select#title.form-control(ng-model='newClient.title',ng-init="newClient.title = titles[0]")
    option(ng-repeat='title in titles', ng-value="title") {{title}}

answered May 23, 2014 at 13:23

Quad

1,7181 gold badge10 silver badges22 bronze badges

Collectives™ on Stack Overflow

AngularJS - Data binding default value of html select

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related