How to filter with angularjs in nested Json

Question

I need a query in nested a JSON array like following. I want to check if name is John and if hobbies have sport but it didn't work.

The result of following code like that:

[
  {"id":1,"name":"John","hobbies":[{"kind":"sport"},{"kind":"music"}]},
  {"id":5,"name":"John","hobbies":[{"kind":"swimming"},{"kind":"opera"}]}
]

but it must be {"id":1,"name":"John","hobbies":[{"kind":"sport"}{"kind":"music"}]}

function MyCtrl($scope, $filter) {
    $scope.items = [
        {id:1, name:'John',hobbies:[{kind:"sport"},{kind:"music"}]},
        {id:2, name:'Steve',hobbies:[{kind:"opera"},{kind:"theatre"}]},
        {id:3, name:'Joey'},
        {id:4, name:'Mary'},
        {id:5, name:'John',hobbies:[{kind:"swimming"},{kind:"opera"}]}];
    $scope.filteredData = $filter('filter')($scope.items, {name:'John',hobbies:[{kind:''}]});
    $scope.json=JSON.stringify($scope.filteredData);
    // $scope.json2=JSON.stringify($scope.y);
};

Nishanth · Accepted Answer · 2018-03-04 11:22:00Z

1

This kind of filter is supported in version 1.3.8

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
  <script>
    (function() {

      angular.module("myapp", []).controller('MainCtrl', ['$scope', '$filter', function($scope, $filter) {

            $scope.items = [
              {id:1, name:'John',hobbies:[{kind:"spor"},{kind:"music"}]},
              {id:2, name:'Steve',hobbies:[{kind:"opera"},{kind:"theatre"}]},
              {id:3, name:'Joey'},
              {id:4, name:'Mary'},
              {id:5, name:'John',hobbies:[{kind:"swimming"},{kind:"opera"}]}
            ];    
            
            $scope.filteredData = $filter('filter')($scope.items, 
              { name: 'John', hobbies: [ {kind: 'swimming'}]}
            );

      }]);
    }());
  </script>
  <style></style>
</head>

<body ng-app="myapp" ng-controller="MainCtrl">

    {{filteredData}}

</body>

</html>

edited Mar 4, 2018 at 11:22

answered Mar 4, 2018 at 11:11

Nishanth

8356 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ArchDeveloper Over a year ago

thank you ninshanth. yes you're right that is supported 1.3.8 but when i tried that it didn't work 1.5.3 :(

Collectives™ on Stack Overflow

How to filter with angularjs in nested Json

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related