Hvordan bruger man *ngIf else?

Jeg bruger Angular, og jeg vil gerne bruge *ngIf else (tilgængelig siden version 4) i dette eksempel:

<div *ngIf="isValid">
  content here ...
</div>

<div *ngIf="!isValid">
 other content here...
</div>

Hvordan kan jeg opnå den samme adfærd med ngIf else ?

Alexander Abakumov
Redigeret spørgsmål 2018ør oktober 2018 в 9:15
Programmering
if-statement angular angular-template
2017ør marts 2017 в 6:18
20 visninger
Løsning

Angular 4 og 5:

bruger else :

<div *ngIf="isValid;else other_content">
    content here ...
</div>

other content here...

du kan også bruge then else :

<div *ngIf="isValid;then content else other_content">here is ignored</div>    
content here...
other content here...

eller then alene :

<div *ngIf="isValid;then content"></div>    
content here...

Demo :

[Plunker][1]

Detaljer:

: er Angular's egen implementering af tagget som er i henhold til [MDN][2] :

HTML-elementet `` er en mekanisme til at holde klientside indhold, der ikke skal gengives, når en side indlæses, men som kan efterfølgende kan instantieres under kørselstiden ved hjælp af JavaScript.

Iswar
Redigeret svar 2018ør juni 2018 в 6:55
Kommentarer (12)

"bindEmail" det vil kontrollere om e-mail er tilgængelig eller ej. Hvis e-mail findes, vises Logout, ellers vises Login.

<li *ngIf="bindEmail;then logout else login"></li>
<li><a routerLink="/logout">Logout</a></li>
<li><a routerLink="/login">Login</a></li>
Prashant Shrivastava
Redigeret svar 2017ør juli 2017 в 1:17
Kommentarer (1)

I Angular 4.0 ligner syntaksen if..else syntaksen ganske meget de betingede operatorer i Java.

I Java bruger du "condition?stmnt1:stmnt2".

I Angular 4.0 bruger du *ngIf="condition;then stmnt1 else stmnt2".

msanford
Redigeret svar 2017ør juni 2017 в 7:25
Kommentarer (2)