Angularjs : Access nested json array values using ng-repeat with groupBy

Question

I've nested json array in which i need to group with some values. I'm not able to fetch nested tag for grouping.

$scope.sampleTest = [{"id": "1", "cash": {"amount":"4000"}},
                     {"id": "2", "cash": {"amount":"2000"}}]

If i'm grouping 'id' its working and if i'm grouping 'cash.amount' its not working

Can anyone help me to solve this issue?

Sajeetharan · Accepted Answer · 2017-01-30 05:15:59Z

0

You can do,

<div ng-repeat="record in sampleTest | filter: {cash:{amount:'2000'}}:true ">

DEMO

var app = angular.module('todoApp', []);

app.controller("dobController", ["$scope",
  function($scope) {
   $scope.sampleTest = [{"id": "1", "cash": {"amount":"4000"}},
                     {"id": "2", "cash": {"amount":"2000"}},
                        {"id": "3", "cash": {"amount":"2000"}}];
 
   
  
  }
]);

<!DOCTYPE html>
<html ng-app="todoApp">

<head>
  <title>Sample</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
</head>
<body ng-controller="dobController">
 <div ng-repeat="record in sampleTest | filter: {cash:{amount:'2000'}}:true ">
     <ul>
       <li >{{ record}}</li>
    </ul>
</div>
 
</body>

</html>

answered Jan 30, 2017 at 5:15

Sajeetharan

223k65 gold badges369 silver badges409 bronze badges

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

Collectives™ on Stack Overflow

Angularjs : Access nested json array values using ng-repeat with groupBy

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related