Call Controller Function from Select Angularjs

Question

I was wondering how I can call a function in my controller depending on the option that is selected in a menu.

For instance, using ng-click, when a is clicked, I can call the function. I want to do something similar upon selection in AngularJS.

<select class="dropdown">  
  <option value="">Menu</option> 
  <option ng-click="open()">Settings</option> // call open() when Settings is selected
</select>

Any ideas?

You can use ng-model and $watch for a change in that model. — Evandro Silva
– Evandro Silva, Commented Jun 17, 2014 at 0:08

Michael Kang · Accepted Answer · 2014-06-17 00:16:41Z

4

Use ng-change with ng-model:

 <select ng-model="model" ng-change="onSelect()" >

Where onSelect() is a method on your scope.

answered Jun 17, 2014 at 0:16

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

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

1 Comment

kevin Over a year ago

Thank you! ng-model is incredibly powerful :)

dave · Accepted Answer · 2014-06-17 00:08:20Z

3

<select ng-model="whatever">
     <option value="settings">Settings</option>
</select>

In your controller:

$scope.$watch('whatever', function(newValue, oldValue) {
     if (newValue == 'settings') { 
         doSomething();
     }
});

answered Jun 17, 2014 at 0:08

dave

65.1k6 gold badges81 silver badges98 bronze badges

Collectives™ on Stack Overflow

Call Controller Function from Select Angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related