Ako používať *ngIf else?

Používam Angular a v tomto príklade chcem použiť *ngIf else (dostupné od verzie 4):

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

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

Ako môžem dosiahnuť rovnaké správanie pomocou ngIf else ?

Alexander Abakumov
Edited question 8 október 2018 в 9:15
Programovanie
if-statement angular angular-template
24 marec 2017 в 6:18
43 zobrazenia
Riešenie

Angular 4 a 5:

pomocou else :

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

other content here...

môžete tiež použiť then else :

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

alebo len then :

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

Demo :

[Plunker][1]

Detaily:

: je vlastná implementácia značky v Angulari, ktorá je podľa [MDN][2] :

Prvok HTML `` je mechanizmus na uchovávanie údajov na strane klienta obsahu, ktorý sa nemá vykresliť pri načítaní stránky, ale môže byť následne inštanciovaný počas behu pomocou JavaScriptu.

Iswar
Edited answer 25 jún 2018 в 6:55
Komentáre (12)

"bindEmail" skontroluje, či je e-mail k dispozícii alebo nie. ak e-mail existuje, zobrazí sa Odhlásenie, inak sa zobrazí Prihlásenie

<li *ngIf="bindEmail;then logout else login"></li>
<li><a routerLink="/logout">Logout</a></li>
<li><a routerLink="/login">Login</a></li>
Prashant Shrivastava
Edited answer 23 júl 2017 в 1:17
Komentáre (1)

V Angular 4.0 je syntax if..else dosť podobná podmienkovým operátorom v Jave.

V Jave sa používa "condition?stmnt1:stmnt2".

V Angular 4.0 používate *ngIf="condition;then stmnt1 else stmnt2".

msanford
Edited answer 2 jún 2017 в 7:25
Komentáre (2)