angularjs: change filter options dynamically

by

You can define ng-model like: ng-model="search[filter]" to change dynamically to which variable it should be binded (where filter is another $scope variable).

See the fiddle:
http://jsfiddle.net/lopisan/vzQKk/1/

You have to add this line to the controller:

$scope.search = {name:'', phone:'', $:''};

And change input: 

<input type="text" ng-model="search[filter]">

More Related Contents:

  1. simple form input request in angular
  2. Passing data between controllers in Angular JS?
  3. AngularJS : Difference between the $observe and $watch methods
  4. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  5. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  6. How to pass an object into a state using UI-router?
  7. How to detect browser back button click event using angular?
  8. AngularJS browser autofill workaround by using a directive
  9. Initializing select with AngularJS and ng-repeat
  10. External resource not being loaded by AngularJs
  11. Image loaded event in for ng-src in AngularJS
  12. angular ng-repeat in reverse
  13. Can Protractor and Karma be used together?
  14. How to use jQuery in AngularJS
  15. Print Html template in Angular 2 (ng-print in Angular 2)
  16. Getting values from query string in an URL using AngularJS $location
  17. get count of items with some property in an array
  18. Error: [ng:areq] from angular controller
  19. Angularjs: Error: [ng:areq] Argument ‘HomeController’ is not a function, got undefined
  20. Why using $rootScope with functions is not recommended?
  21. How To bind data using TypeScript Controller & Angular Js
  22. Disable Chrome strict MIME type checking
  23. Error: [ngModel:datefmt] Expected `2015-05-29T19:06:16.693209Z` to be a date – Angular
  24. Skip ng-repeat JSON ordering in Angular JS
  25. Consider marking event handler as ‘passive’ to make the page more responsive
  26. AngularJS: open a new browser window, yet still retain scope and controller, and services
  27. WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400
  28. Two way binding not working in directive with transcluded scope
  29. Angular – extending $resource subobject with custom methods
  30. Is there a more effective way to serialize a form with angularjs?

Leave a Comment