How to filter (key, value) with ng-repeat in AngularJs?

by

Angular filters can only be applied to arrays and not objects, from angular’s API –

“Selects a subset of items from array and returns it as a new array.”

You have two options here:
1) move $scope.items to an array or –
2) pre-filter the ng-repeat items, like this:

<div ng-repeat="(k,v) in filterSecId(items)">
    {{k}} {{v.pos}}
</div>

And on the Controller:

$scope.filterSecId = function(items) {
    var result = {};
    angular.forEach(items, function(value, key) {
        if (!value.hasOwnProperty('secId')) {
            result[key] = value;
        }
    });
    return result;
}

jsfiddle: http://jsfiddle.net/bmleite/WA2BE/

More Related Contents:

  1. How to filter array when object key value is in array
  2. Passing arguments to angularjs filters
  3. Angular.js. How to count ng-repeat iterations which satisfy the custom filter
  4. simple form input request in angular
  5. How does data binding work in AngularJS?
  6. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  7. How can I group data with an Angular filter?
  8. $on and $broadcast in angular
  9. AngularJS : Difference between the $observe and $watch methods
  10. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  11. Ternary operator in AngularJS templates
  12. Injecting a mock into an AngularJS service
  13. How to reduce javascript object to only contain properties from interface
  14. How to make a directive update ng-model on jquery on event?
  15. Set active tab style with AngularJS
  16. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  17. How to set default browser window size in Protractor/WebdriverJS
  18. How to use parameters within the filter in AngularJS?
  19. How can I access a variable outside a promise `.then` method?
  20. Limiting number of displayed results when using ngRepeat
  21. AngularJS – placeholder for empty result from filter
  22. Dynamically assign ng-model
  23. Accessing Angular inside Protractor Test
  24. Open a new tab on button click in AngularJS
  25. Angular-animate – Unknown provider: $$asyncCallbackProvider
  26. What is causing “Uncaught SyntaxError: Unexpected token o” with $.parseJSON() and JSON.parse() [duplicate]
  27. AngularJS ng-click fires twice
  28. Remove first Item of the array (like popping from stack) [duplicate]
  29. What is AngularJS way to create global keyboard shortcuts?
  30. Angular.js ng-repeat filter by property having one of multiple values (OR of values)

Leave a Comment