I m confused a bit I need to hide block if result have one of several cases But seems it not working correctly lt div ngIf currentStatus open currentStatus reopen gt lt p padding text-center class text-notification gt message lt p gt lt div gt 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

You got a ninja Try lt div ngIf currentStatus open currentStatus reopen gt

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 amp amp currentStatus reopen

[angular] angular 4: *ngIf with multiple conditions

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.

This question is related to angular typescript angular2-directives angular-ng-if

The answer is

You got a ninja ')'.

Try :

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

<div *ngIf="currentStatus !== ('status1' || 'status2' || 'status3' || 'status4')">

Source: Stackoverflow.com

Examples related to angular

• error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class • error TS1086: An accessor cannot be declared in an ambient context in Angular 9 • TS1086: An accessor cannot be declared in ambient context • @angular/material/index.d.ts' is not a module • Why powershell does not run Angular commands? • error: This is probably not a problem with npm. There is likely additional logging output above • Angular @ViewChild() error: Expected 2 arguments, but got 1 • Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class' • Access blocked by CORS policy: Response to preflight request doesn't pass access control check • origin 'http://localhost:4200' has been blocked by CORS policy in Angular7

Examples related to typescript

• TS1086: An accessor cannot be declared in ambient context • Element implicitly has an 'any' type because expression of type 'string' can't be used to index • Angular @ViewChild() error: Expected 2 arguments, but got 1 • Typescript: No index signature with a parameter of type 'string' was found on type '{ "A": string; } • Understanding esModuleInterop in tsconfig file • How can I solve the error 'TS2532: Object is possibly 'undefined'? • Typescript: Type 'string | undefined' is not assignable to type 'string' • Typescript: Type X is missing the following properties from type Y length, pop, push, concat, and 26 more. [2740] • Can't perform a React state update on an unmounted component • TypeScript and React - children type?

Examples related to angular2-directives

• angular 4: *ngIf with multiple conditions • How to put a component inside another component in Angular2? • Angular 2 Scroll to top on Route Change • How to import component into another root component in Angular 2 • Implementing autocomplete • Angular: Cannot find a differ supporting object '[object Object]' • Angular exception: Can't bind to 'ngForIn' since it isn't a known native property • How to pass object from one component to another in Angular 2? • Exception: Can't bind to 'ngFor' since it isn't a known native property

Examples related to angular-ng-if

• *ngIf else if in template • angular 4: *ngIf with multiple conditions • Angular 4 default radio button checked by default • *ngIf and *ngFor on same element causing error • Angular ng-if not true • ng-if, not equal to? • Angular ng-if="" with multiple arguments