Kā lietot *ngIf else?

Šajā piemērā es izmantoju Angular un gribu izmantot *ngIf else (pieejams kopš 4. versijas):

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

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

Kā es varu panākt to pašu uzvedību ar ngIf else ?

Alexander Abakumov
Rediģēts jautājums 8pēcpusdienari0t oktobrī 2018 в 9:15
Programmēšana
if-statement angular angular-template
24pēcpusdienari4t martā 2017 в 6:18
17 skati
Risinājums

Angular 4 un 5:

izmantojot else :

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

other content here...

var izmantot arī then else :

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

vai tikai then :

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

Demo :

[Plunker][1]

Detalizēta informācija:

: ir paša Angular implementēta birka, kas saskaņā ar [MDN][2] :

HTML `` elements ir mehānisms, kas paredzēts klienta puses saturu, kas nav jāattēlo, kad lapa tiek ielādēta, bet var pēc tam izpildīšanas laikā instancēt, izmantojot JavaScript.

Iswar
Rediģēta atbilde 25priekšpusdienari0t jūnijā 2018 в 6:55
Komentāri (12)

"bindEmail" tas pārbaudīs, vai e-pasts ir vai nav pieejams. ja e-pasts ir pieejams, nekā Logout parādīs citādi Login parādīs

<li *ngIf="bindEmail;then logout else login"></li>
<li><a routerLink="/logout">Logout</a></li>
<li><a routerLink="/login">Login</a></li>
Prashant Shrivastava
Rediģēta atbilde 23pēcpusdienari6t jūlijā 2017 в 1:17
Komentāri (1)

Angular 4.0 versijā if..else sintakse ir diezgan līdzīga nosacījuma operatoriem Java valodā.

Java izmanto "condition?stmnt1:stmnt2".

Angular 4.0 lietojat *ngIf="condition;then stmnt1 else stmnt2".

msanford
Rediģēta atbilde 2pēcpusdienari4t jūnijā 2017 в 7:25
Komentāri (2)