AngularJS – Trigger when radio button is selected

by

There are at least 2 different methods of invoking functions on radio button selection:

1) Using ng-change directive: 

<input type="radio" ng-model="value" value="foo" ng-change="newValue(value)">

and then, in a controller:

$scope.newValue = function(value) {
     console.log(value);
}

Here is the jsFiddle: http://jsfiddle.net/ZPcSe/5/

2) Watching the model for changes. This doesn’t require anything special on the input level:

<input type="radio" ng-model="value" value="foo">

but in a controller one would have:

$scope.$watch('value', function(value) {
       console.log(value);
 });

And the jsFiddle: http://jsfiddle.net/vDTRp/2/

Knowing more about your the use case would help to propose an adequate solution.

More Related Contents:

  1. How to use a filter in a controller?
  2. CORS with spring-boot and angularjs not working
  3. passing 2 $index values within nested ng-repeat
  4. Use of ng-src vs src
  5. Should I use `this` or `$scope`?
  6. AngularJS $http, CORS and http authentication
  7. How to format a date using ng-model?
  8. How can I define my controller using TypeScript?
  9. Descending order by date filter in AngularJs
  10. How to write a debounce service in AngularJS
  11. $provide outside config blocks
  12. Angularjs wrong $index after orderBy
  13. Call a method of a controller from another controller using ‘scope’ in AngularJS
  14. How to read binary data in AngularJS in an ArrayBuffer?
  15. Adding http headers to window.location.href in Angular app
  16. How do I sequentially chain promises with angularjs $q?
  17. Mongo Giving ‘duplicate key error’ on non-unique fields
  18. Using ng-repeat to generate select options (with Demo)
  19. What are the differences between ng-repeat and ng-options and why do they not behave the same way?
  20. Injecting $state (ui-router) into $http interceptor causes circular dependency
  21. Can someone provide an example of a $destroy event for scopes in AngularJS?
  22. Angular bootstrap datepicker date format does not format ng-model value
  23. AngularJS check if form is valid in controller
  24. How to set the value attribute for select options?
  25. AngularJS: How to nest applications within an angular app
  26. Angular ng-click event delegation
  27. Dynamic content added with AngularJS click event not working on the added content
  28. Get the current browser name in Protractor test
  29. How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
  30. What is $$phase in AngularJS?

Leave a Comment