If condition using angular js

Question

I have a value {{category}} which is to printed using angular js. Based on the value I have to change the contents of div.

if {{category}} = "aa" then <div>aa</div>
if {{category}} = "bb" then <div>bb</div>

how is this possible.

• It-Z: Why not something like <div>{{category}}</div> is this what you are looking for? Or the value of category is not what you actually want to show?

Answer 1

Use ng-if:

<div ng-if="category === 'aa'">aa</div>
<div ng-if="category === 'bb'">bb</div>

Or:

<div>{{category}}</div>

• Dhanya: It worked for me. My implemented code is <span ng-if="category == 'clothes'"><img src="images/Clothes.jpg" id="img"/></span> <span ng-if="category == 'books and media'"><img src="images/books.jpg" id="img"/></span>

Answer 2

You can simply show

<div>{{category}}</div>

No need to check