How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?

by

You can use the “filter” filter in your controller to get all the “C” grades. Getting the first element of the result array will give you the title of the subject that has grade “C”.

$scope.gradeC = $filter('filter')($scope.results.subjects, {grade: 'C'})[0];

http://jsbin.com/ewitun/1/edit

The same with plain ES6:

$scope.gradeC = $scope.results.subjects.filter((subject) => subject.grade === 'C')[0]

More Related Contents:

  1. How to use a filter in a controller?
  2. AngularJS 1.5+ Components do not support Watchers, what is the work around?
  3. Angular HttpPromise: difference between `success`/`error` methods and `then`’s arguments
  4. CORS with spring-boot and angularjs not working
  5. Use of ng-src vs src
  6. AngularJS Paging with $location.path but no ngView reload
  7. How to format a date using ng-model?
  8. Descending order by date filter in AngularJs
  9. angular.js link behaviour – disable deep linking for specific URLs
  10. How to write a debounce service in AngularJS
  11. Can I inject a service into a directive in AngularJS?
  12. Otherwise on StateProvider
  13. How can I check which version of Angular I’m using?
  14. Call a method of a controller from another controller using ‘scope’ in AngularJS
  15. How to read binary data in AngularJS in an ArrayBuffer?
  16. Adding http headers to window.location.href in Angular app
  17. How do I sequentially chain promises with angularjs $q?
  18. Mongo Giving ‘duplicate key error’ on non-unique fields
  19. Using ng-repeat to generate select options (with Demo)
  20. What are the differences between ng-repeat and ng-options and why do they not behave the same way?
  21. How do I increase modal width in Angular UI Bootstrap?
  22. Angularjs ng-options using number for model does not select initial value
  23. validate natural input number with ngpattern
  24. Alternative to ng-show/-hide or how to load only relevant section of DOM
  25. Why form undefined inside ng-include when checking $pristine or $setDirty()?
  26. Npm start issues in AngularJS phonecat application
  27. How to use owl-carousel in Angular2?
  28. AngularJS Filter Exact Match
  29. How to set scope property with ng-init?
  30. E2E mock $httpBackend doesn’t actually passThrough for me

Leave a Comment