web-dev-qa-db-fra.com

angular 4: * ngIf avec plusieurs conditions

Je suis un peu confus. J'ai besoin de cacher le bloc si le résultat présente l'un des nombreux cas. Mais ça ne marche pas correctement ...

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

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

</div>

Il est juste apparu avec une autre condition. Cela ne fonctionne ni pour 1 condition ni pour 2. Également essayé *ngIf="currentStatus !== ('open' || 'reopen') " mais ça marche ok seulement pour 1 cas.

20
Merge-pony

Outre le redondant ) cette expression sera toujours true car currentStatus correspondra toujours à l'une de ces deux conditions:

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

peut-être que vous voulez dire l'un des

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

Vous avez un ninja ')'.

Essayez:

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