How to use filter for JSON array inside directive in angularjs?

Question

I have an object JSON and i need to filter based on Container Order No. I tried many ways it's not working and is not showing error also.

Here is the Object JSON: This we have to parse using JSON.parse(). For your reference added JSON as it is.

 {
  "collections": {
    "container": {
      "rowset": [
        {
          "containerisarchived": "Null",
          "containerorderno": "52",
          "versionnum": "0",
          "containerglobaluniqueid": "Null",
          "containeristenantbased": "true",
          "containercreatedby": "user",
          "containerisdeleted": "false",
          "containertenantid": "292FEC76-5F1C-486F-85A5-09D88096F098",
          "containerlayoutid": "efde5d9d-2ab9-4b5f-b0f7-0ffa11cbf2b4",
          "containerapplicationid": "0000000-0000-0000-0000-000000000000",
          "containerisactive": "Null",
          "containerheadertext": "Customer29Jan16Obj",
          "containerid": "635f8bbf-2d5b-4268-970c-ba4be432ef7e",
          "containercreatedutcdate": "2016-01-29 18:27:50.0"
        },
        {
          "containerisarchived": "Null",
          "containerorderno": "50",
          "versionnum": "0",
          "containerglobaluniqueid": "Null",
          "containeristenantbased": "true",
          "containercreatedby": "user",
          "containerisdeleted": "false",
          "containertenantid": "292FEC76-5F1C-486F-85A5-09D88096F098",
          "containerlayoutid": "efde5d9d-2ab9-4b5f-b0f7-0ffa11cbf2b4",
          "containerapplicationid": "0000000-0000-0000-0000-000000000000",
          "containerisactive": "Null",
          "containerheadertext": "Null",
          "containerid": "4cfaeea7-9282-4e45-b081-3ded3264cd28",
          "containercreatedutcdate": "2016-01-29 18:27:50.0"
        },
        {
          "containerisarchived": "Null",
          "containerorderno": "51",
          "versionnum": "0",
          "containerglobaluniqueid": "Null",
          "containeristenantbased": "true",
          "containercreatedby": "user",
          "containerisdeleted": "false",
          "containertenantid": "292FEC76-5F1C-486F-85A5-09D88096F098",
          "containerlayoutid": "efde5d9d-2ab9-4b5f-b0f7-0ffa11cbf2b4",
          "containerapplicationid": "0000000-0000-0000-0000-000000000000",
          "containerisactive": "Null",
          "containerheadertext": "Customer29Jan16",
          "containerid": "034d3430-d9da-4bd7-a566-ee3a59b506c2",
          "containercreatedutcdate": "2016-01-29 18:27:50.0"
        }
      ],
      "meta": {
        "parentreference": "layout",
        "pkname": "layoutId",
        "fkname": "containerLayoutId"
      }
    }
  },
  "entityinfo": {
    "timestamp": "2016-04-04 15:34:50.409",
    "tenantid": "292FEC76-5F1C-486F-85A5-09D88096F098",
    "entity": "UILayoutManageMent"
  }
}


app.directive('layoutContainerRender',function($compile){

    var layoutContainerObj={};

    linkFn=function(scope, element, attributes, controller) {
    };

    layoutContainerObj.transclude='true';
    layoutContainerObj.restrict='E';
    layoutContainerObj.replace='true';
    layoutContainerObj.template="<div id={{containers.containerid}} ng-repeat='containers in layoutData.collections.container.rowset | orderBy: 'containerorderno' class='k-block'>" +
                                "<div class='k-header'><label>{{containers.containerheadertext}}</label>" +
                                "<span class='k-icon k-i-plus pull-right' onclick='addTableCellToTable(event)'></span>" +
                                "<span class='k-icon k-i-cancel pull-right' onclick='deleteTheContainer(event)'></span>" +
                                "</div> " +
                                "<layout-table-render></layout-table-render>" +
                                "</div>";

    layoutContainerObj.link = linkFn;

    return layoutContainerObj;  
});

Please help me to achieve this.

VLAZ · Accepted Answer · 2025-10-14 13:47:55Z

1

You can try with this code

in filtered = (Address.Entries 
                | filter:{IsRegistered: true} 
                | filterDate:'InfoDetails')">

Filter AngularJS Docs

edited Oct 14 at 13:47

VLAZ

29.6k9 gold badges65 silver badges88 bronze badges

answered Apr 4, 2016 at 14:11

user5965382

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

Collectives™ on Stack Overflow

How to use filter for JSON array inside directive in angularjs?

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