How to filter Array in array key-value in AngularJS

Question

I've the following structure.

[
    {
        "Variants": [
            {
                "SellPrice": "75.00",
                "VariantID": "10",
                "VariantName": "1 L",
                "InCart": "2",
                "MRP": "115.00",
                "VariantImagePath": "/images/ruchi/710_10.png"
            },
            {
                "SellPrice": "410.00",
                "VariantID": "113",
                "VariantName": "5 L",
                "InCart": "1",
                "MRP": "485.00",
                "VariantImagePath": "/images/ruchi/710_113.png"
            },
            {
                "SellPrice": "1080.00",
                "VariantID": "219",
                "VariantName": "15L - Jar",
                "InCart": "0",
                "MRP": "1275.00",
                "VariantImagePath": "/images/ruchi/710_219.png"
            }
        ],
        "SubCategoryID": "32",
        "ProductImagePath": "/images/ruchi/710.png",
        "SubCategoryName": "Soyabean Oil",
        "BrandName": "Ruchi",
        "ProductID": "710",
        "BrandID": "117",
        "ProductName": "Ruchi soya oil"
    },
    {
        "Variants": [
            {
                "SellPrice": "58.00",
                "VariantID": "23",
                "VariantName": "900 GM",
                "InCart": "1",
                "MRP": "60.00",
                "VariantImagePath": "/images/mtr/771_23.png"
            }
        ],
        "SubCategoryID": "110",
        "ProductImagePath": "/images/mtr/771.png",
        "SubCategoryName": "Vermicelli",
        "BrandName": "MTR",
        "ProductID": "771",
        "BrandID": "167",
        "ProductName": "Seviyan Vermicelli"
    }
]

Want to filter all the data where Variants.InCart value is > 0.

In this case output will be

ProductID   VariantID   InCart
710         113         1
710         10          2
771         23          1

and this is my loop.

<tr ng-repeat="Item in ProductService.Products | <what should be filter condition here>">
    <td>{{Item.ProductID}} {{Item.Variants.VariantID}} {{Item.Variants.InCart}}</td>
</tr>

Please help.

Do you already read the documentation of the filter directive? docs.angularjs.org/api/ng/filter/filter Also it seems strange for me to have an InCart value of type string and a comparison against number 0. That does not look good. — dec
– dec, Commented Apr 4, 2015 at 11:38
Yes i checked that. They have not given any condition for array in array in that. — Devesh Agrawal
– Devesh Agrawal, Commented Apr 4, 2015 at 11:41
What I suggest you, create a fiddle, so that one can play with it to solve your issue. — Ved
– Ved, Commented Apr 4, 2015 at 11:47
@DeveshAgrawal if you are struggling with angular filter, than is it possible for you to filter your data inside controller itself. I think this is also the way. — Ved
– Ved, Commented Apr 4, 2015 at 12:08

Kandarp · Accepted Answer · 2015-04-04 11:49:00Z

1

<tr ng-repeat="Item in ProductService.Products | filter:customArrayFilter">
    <td>{{Item.ProductID}} {{Item.Variants.VariantID}} {{Item.Variants.InCart}}</td>
</tr>

$scope.customArrayFilter = function (item) {
      return (item.InCart > 0);
    };

You can add custom filter like this..

answered Apr 4, 2015 at 11:49

Kandarp

3931 silver badge10 bronze badges

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

3 Comments

Devesh Agrawal Over a year ago

But how loop will go to next variant of the same item?

Kandarp Over a year ago

is that array in array?

Kandarp Over a year ago

please create plunkr or fiddle

Collectives™ on Stack Overflow

How to filter Array in array key-value in AngularJS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related