Angularjs using ng-options in select with a default value

Question

I would like to have the first element of my ng-options to be the default one:

<select data-ng-options='item.pk for item in items' data-ng-click='update()'></select>

(so this is different than having an <option value=''>Default</option> at the end of the select. I also would like update() to be called at the beginning (on the default option). How can I achieve this ?

possible duplicate of how to use ng-option to set default value of select element — dting
– dting, Commented May 6, 2015 at 15:46

Tom Arad · Accepted Answer · 2015-05-06 15:44:21Z

1

First you want to create a model for the select element:

<select ng-model="selectedItem" ng-options="item.pk for item in items"
     ng-click="update()">
</select>

After that, in your controller, you want to set selectedItem to the first element in items, and call your update function:

$scope.selectedItem = $scope.items[0]; $scope.update();

Notice that you should define update before calling it.

answered May 6, 2015 at 15:44

Tom Arad

2512 silver badges7 bronze badges

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

Collectives™ on Stack Overflow

Angularjs using ng-options in select with a default value

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related