angular 4: *ngIf with multiple conditions

Question

I'm confused a bit. I need to hide block if result have one of several cases. But seems it not working correctly...

<div *ngIf="currentStatus !== 'open' || currentStatus !== 'reopen' ">

    <p padding text-center class="text-notification">{{message}}</p>

</div>

It's just appeared with other condition. It doesn't work neither 1 condition nor for 2. Also tried *ngIf="currentStatus !== ('open' || 'reopen') " but it's works ok only for 1 case.

What is the expected behavior? When should it evaluate to `true` and when should it evaluate to `false`? — Günter Zöchbauer, May 05 '17 at 09:56

Günter Zöchbauer · Accepted Answer · 2017-05-05T10:45:51.867

94

Besides the redundant ) this expression will always be true because currentStatus will always match one of these two conditions:

currentStatus !== 'open' || currentStatus !== 'reopen'

perhaps you mean one of

!(currentStatus === 'open' || currentStatus === 'reopen')
(currentStatus !== 'open' && currentStatus !== 'reopen')

edited May 05 '17 at 10:45

answered May 05 '17 at 09:55

Günter Zöchbauer

623,577
216
2,003
1,567

1

So what is the expected behavior depending on what status? – Günter Zöchbauer May 05 '17 at 09:58
1

@Merge-pony It seems that you use OR instead of AND, because `!(currentStatus === 'open' || currentStatus === 'reopen')` gives the same result as `currentStatus !== 'open' && currentStatus !== 'reopen'` – mankers May 05 '17 at 10:05
@mankers yes, it is!!! But it doesn't work. I'm using Ionic 3 and Angular 4 stack... – Merge-pony May 05 '17 at 10:37

score 23 · Answer 2 · answered May 05 '17 at 09:53

23

You got a ninja ')'.

Try :

<div *ngIf="currentStatus !== 'open' || currentStatus !== 'reopen'">

answered May 05 '17 at 09:53

Toodoo

8,570
6
35
58

1

made mistake in example. my bad. in original code result as asked – Merge-pony May 05 '17 at 09:58

angular 4: *ngIf with multiple conditions

2 Answers2

Linked