Populate Dropdown 2 based on Dropdown 1 selection

by

You shouldn’t need 2 controllers for this, in fact that is probably one of the problems.
Once they are within the same scope you can easily tie them together. Use ng-change on the first option to trigger a function that gets the values to populate the second option.

Example Fiddle: http://jsfiddle.net/TheSharpieOne/Xku9z/

Also, you can use ng-show with the second select’s options array length to only show the second select when it has been populated.

Example Fiddle: http://jsfiddle.net/TheSharpieOne/Xku9z/1/

More Related Contents:

  1. AngularJS: Service vs provider vs factory
  2. Why does AngularJS include an empty option in select?
  3. AngularJS access parent scope from child controller
  4. AngularJS: ng-model not binding to ng-checked for checkboxes
  5. Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)
  6. AngularJS: How to make angular load script inside ng-include?
  7. Injecting $scope into an angular service function()
  8. AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation
  9. Enforcing unique usernames with Firebase simplelogin
  10. Angular $scope.$apply vs $timeout as a safe $apply
  11. How do I fix the npm UNMET PEER DEPENDENCY warning?
  12. Preserve line breaks in angularjs
  13. Using angularjs filter in input element
  14. How to access global js variable in AngularJS directive
  15. Click() function isn’t working in protractor scripts
  16. Send FormData with other field in AngularJS
  17. AngularJs: Reload page
  18. disable nganimate for some elements
  19. How to access/update $rootScope from outside Angular
  20. How to specify headers parameter for custom Angular $resource action
  21. How to check internet connection in AngularJs
  22. Filter results 6 through 10 of 100 with ng-repeat in AngularJS
  23. What is the Angular ui-router lifecycle? (for debugging silent errors)
  24. How to getText on an input in protractor
  25. What is `priority` of ng-repeat directive can you change it?
  26. Track to see when a view changes in angularjs
  27. Fontawesome is not working when project is built with grunt
  28. angularjs text area character counter
  29. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?
  30. scope and controller instantiation with ui router

Leave a Comment