if else condition in angular html tag with "or"

Question

I have to show number of elements in html I want it to show "n students attended" when n>1 or n = 0 and 1 student attended" when it's an only one : n=1 student. So I created this in html :

<a href="#"><h6>
    <strong>{{group.students.length}}
      {{group?.students?.length > 1 ? "Students attended" :
      "student attended" }}</strong></h6></a>

it's working fine. but when I tried the condition when n=0 like this :

<a href="#">
 <h6>
   <strong>{{group.students.length}}
  {{(group?.students?.length > 1 || group?.students?.length == 0 ) ? "Students attended" :
  "student attended" }}</strong>
 </h6>
</a>

This is not working. How can I add "or" in the if condition ?

Maybe it seems to be obvious to some people but I'm totally new with ionic 3 so I'm sorry if it's a stupid question.

Thanks .

You can achieve it by using one condition only ,i.e., group?.students?.length == 1 because for all other cases you want n students attended. — Rachit Shroff
– Rachit Shroff, Commented Jun 21, 2018 at 10:45
Thanks a lot @RachitShroff !! maybe you can post it as an answer so that I can vote it :D Many Thanks :))) — pietà
– pietà, Commented Jun 21, 2018 at 14:38

Rachit Shroff · Accepted Answer · 2018-06-21 14:41:53Z

1

You can achieve it directly by using only one condition only ,i.e., group?.students?.length == 1 because for all other cases you want n students attended.

So your update code will be:

<a href="#">
 <h6>
   <strong>
     {{group.students.length}}
     {{group?.students?.length == 1  ? "student attended" : "Students attended" }}
</strong>
 </h6>
</a>

answered Jun 21, 2018 at 14:41

Rachit Shroff

1356 bronze badges

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

Collectives™ on Stack Overflow

if else condition in angular html tag with "or"

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