How to filter an array using angular js

Question

    angular.module('harbinger').
         directive('dossierList', function () {
             return {
                 restrict:"EAC",
                 template:'<div class="Dossier-details" data-ng-repeat="d in model.dossier | filter:{status:"POI"}">'+
                '<p>'+
                '<strong>'+'Dossier ID'+'</strong>:'+
                '<small>'+'{{ d.title }}'+'</small>'+
                '</p>'+
                '</div>',
etc........

I want to filter the array using status ,i used filter:{status:"POI"} ,but it throwing error

My json

  [
       {
           "id": "1",
           "status": "POI",
           "title": "West Nile virus - US",
           "dossierId": "000455"
       },
       {
           "id": "2",
           "status": "I",
           "title": "influenza",
           "dossierId": "000455"
       },
       {
           "id": "4",
           "status": "P",
           "title": "corona virus",
           "dossierId": "000455"
       }
    ]

using filter:{"status":"POI"} works, jsfiddle.net/DotDotDot/S2KhB — DotDotDot
– DotDotDot, Commented Aug 8, 2013 at 9:35
have you correctly escaped your " in your template ? In your code it seems that you have unescaped "" around POI, which leads to an error, but it's not a filtering issue — DotDotDot
– DotDotDot, Commented Aug 8, 2013 at 9:49

DotDotDot · Accepted Answer · 2013-08-08 11:56:30Z

2

it will be easier here than in the comments, but your issue is just linked to an escaping problem

you can see your directive here, working : http://jsfiddle.net/DotDotDot/S2KhB/1/

the issue :

data-ng-repeat="d in model.dossier | filter:{status:"POI"}"

ou can see that you used " everywhere which was understood by you browser as

data-ng-repeat="d in model.dossier | filter:{status:" +another attribute ignored

so you had an error, the only thing I did was using escaped '

data-ng-repeat="d in data | filter:{status:\'POI\'}"

and it seems to work =)

Have fun

answered Aug 8, 2013 at 11:56

DotDotDot

3,5662 gold badges22 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to filter an array using angular js

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