Angularjs filter to check if value is in array

Question

Posts have a title and an array of users who have liked the post:

{
  "title" : "Example Title",
  "likes" : ["User 1", "User 2", "User 3"]
}

I am displaying the "posts" like this:

<div ng-repeat="post in posts">
  <h1>{{post.title}}</h1>
  <span ng-show="doesLike(post.likes)">Liked already</span>
  <span ng-hide="doesLike(post.likes)">Like this post</span>
</div>

and I have a function in my controller doesLike() that returns true or false depending on whether the current user's username is in the array that is passed to the function. While this approach works can I achieve the same thing using a filter as I think this would be cleaner?

I would recommend a ng-if

Sunny R Gupta
– Sunny R Gupta

2016-05-23 11:59:44 +00:00
Commented May 23, 2016 at 11:59 — Sunny R Gupta
– Sunny R Gupta, Commented May 23, 2016 at 11:59

Cyril Gandon · Accepted Answer · 2016-05-23 12:00:25Z

1

I don't think this is gonna be cleaner to have the logic in the view.
What will be cleaner is to don't call the doesLike function twice by digest cycle by using ng-switch:

<div ng-repeat="post in posts">
    <h1>{{post.title}}</h1>
    <span ng-switch="doesLike(post.likes)">
        <span ng-switch-when="true">
            Liked already
        </span>
        <span ng-switch-default>
            Like this post
        </span>
    </span>
</div>

answered May 23, 2016 at 12:00

Cyril Gandon

17.1k15 gold badges84 silver badges124 bronze badges

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

1 Comment

tommyd456 Over a year ago

Thanks - I like this approach

endrcn · Accepted Answer · 2016-05-23 12:05:19Z

1

You can try this:

<div ng-repeat="post in posts">
<h1>{{post.title}}</h1>
<span ng-if="doesLike(post.likes)">Liked already</span>
<span ng-if="!doesLike(post.likes)">Like this post</span>

answered May 23, 2016 at 12:05

endrcn

3192 silver badges10 bronze badges

Collectives™ on Stack Overflow

Angularjs filter to check if value is in array

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related