Angular JS using conditions in {{}} expression

Question

I have to display either 0 or 1 in {{}} in HTML page. my controller has a property based on which i have to decide wether to display 0 or to display 1. If the property is greater than or equal to one then 1 should be displayed, 0 otherwise.

Any suggestions or tricks ?

Note: I want to do this in HTML code itself using angularJS tricks.

Please Help

What's your controller property? {{ property === "something" ? 1 : 0 }} — Dan
– Dan, Commented Jan 10, 2014 at 10:08

Community · Accepted Answer · 2017-05-23 12:13:07Z

1

Angular supports expressions

you can use a ternary operator inside expressions

<span> {{ property >= 1 ? 1 : 0 }} </span>

Alternatively, or you can use a filter

app.filter("myFilter",function){
   return function(number){
     return number >=1 ? 1 : 0;
   }
})

and use it like so:

<span> {{ property | myFilter }} </span>

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jan 10, 2014 at 10:11

Ilan Frumer

32.4k8 gold badges73 silver badges84 bronze badges

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

Collectives™ on Stack Overflow

Angular JS using conditions in {{}} expression

1 Answer 1

Angular supports expressions

Alternatively, or you can use a filter

and use it like so:

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Angular supports expressions

Alternatively, or you can use a filter

and use it like so:

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related