AngularJS select doesn't work without ng-model

Question

Does anyone know why in AngularJS, the select selector doesn't work without the ng-model?

<select ng-model="bla_bla" ng-options="obj.value as obj.key for obj in languages"/>
<select ng-options="obj.value as obj.key for obj in languages"/>

The first line of code above will work while the second one will not work. Why ???

Thanks!

Dan · Accepted Answer · 2013-05-20 08:10:29Z

13

Using the select tag within an Angular app generates the ng-select directive, which is an HTML SELECT element plus angular data-binding. Looking in the Angular source for this select directive, here are the first few lines from its link method:

link: function(scope, element, attr, ctrls) {
    // if ngModel is not defined, we don't need to do anything
    if (!ctrls[1]) return;
    ...

So it is actually built into the framework to abort linking the directive if ngModel is not defined, and so no binding takes place.

edited May 20, 2013 at 8:10

answered May 20, 2013 at 8:04

Dan

63.5k18 gold badges113 silver badges122 bronze badges

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

3 Comments

Dan Over a year ago

@VishalKumarSahu - You could just provide ng-model with a dummy variable.

Vishal Kumar Sahu Over a year ago

that will save the data

Dan Over a year ago

@VishalKumarSahu Obviously. But you don't have to use the data, which is why it's a 'dummy' variable. You should ask a new question if this is unclear to you.

Collectives™ on Stack Overflow

AngularJS select doesn't work without ng-model

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related