AngularJS deep filter through array in ng-repeat

Question

My question is looking similar to other questions. But it is different. Please take a look of below code.

I want to filter data by an array of objects.

Here is the snippet

HTML

<div
ng-repeat="(key, value) in ledgerData.ledgers track by $index"
ledger-pop 
index="$index"
ftype="ftypeUpdate"
itemdata="value" 
acntlist="fltAccntList"
class='drEntryForm_{{$index}} pr'
name='drEntryForm_{{$index}}'
update-ledger="updateEntry(entry)"
novalidate
>
</div>

JS

$scope.ledgerDataata = {
      "ForwardedBalance": {
      "amount": 0,
      "type": "CREDIT"
      },
      "creditTotal": 4008,
      "debitTotal": 4008,
      "balance": {
      "amount": 4008,
      "type": "CREDIT"
      },
      "ledgers": [
            {
              "transactions": [
                {
                  "particular": {
                    "name": "Sarfaraz",
                    "uniqueName": "temp"
                  },
                  "amount": 1001,
                  "type": "DEBIT"
                }
              ],
              "description": "testing",
              "tag": "testing"
            },
            {
              "transactions": [
                {
                  "particular": {
                    "name": "frnd",
                    "uniqueName": "frndafafaf14453422453110l26ow"
                  },
                  "amount": 2001,
                  "type": "CREDIT"
                },
                {
                  "particular": {
                    "name": "Rahul",
                    "uniqueName": "cake"
                  },
                  "amount": 3001,
                  "type": "DEBIT"
                }
              ],
              "description": "testing",
              "tag": "testing",
            }
      ]
}

I am trying to filter by

ng-repeat="(key, value) in ledgerData.ledgers track by $index | filter:{transactions[0]:{type: 'DEBIT'}}"

But am getting error

thanks in advance :-)

Anshad Rasheed · Accepted Answer · 2015-10-30 05:11:22Z

3

You need to write nested ng-repeat to solve this problem.

outer ng-repeat for the array ledgerData.ledgers and

inner ng-repeat for transaction array in ledgerData.ledgers

    <div ng-repeat="(keyOne, ledger) in ledgerData.ledgers track by $index">
               {{ledger.description}}
         <div ng-repeat="(keyTwo, transaction) in ledger.transactions | filter:{type:'DEBIT'}">
                  {{transaction.type}} 
         </div>
    </div>

edited Oct 30, 2015 at 5:11

Anshad Rasheed

2,5961 gold badge16 silver badges33 bronze badges

answered Oct 29, 2015 at 12:22

nijin aniyath

1011 silver badge5 bronze badges

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

Comments

The Mechanic · Accepted Answer · 2015-10-31 04:08:33Z

0

Actually I got the solution.

I've googled hardly and got a library for angularjs-filter.

Here is the link it is very good plugin for filter dirty works and how to use it.

How I got success:

html

ng-repeat="(key, value) in ledgerData.ledgers | pick: debitOnly track by $index"

AngularJS

$scope.debitOnly = (ledger) ->
  'DEBIT' == ledger.transactions[0].type

that's it.

answered Oct 31, 2015 at 4:08

The Mechanic

2,3391 gold badge28 silver badges37 bronze badges

Collectives™ on Stack Overflow

AngularJS deep filter through array in ng-repeat

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related