*ngIf elseの使い方は？

Angular 4 and 5:

use else :

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

other content here...

は、then else を使用することもできます。

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

または then のみでも可能です。

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

デモ :

[プランカー][1].

Details:

: は、[MDN][2]によると、タグのAngular独自の実装です。

HTMLの 要素は、クライアントサイドのコンテンツを保持するためのメカニズムです。 HTML要素は、ページが読み込まれたときにはレンダリングされないが クライアントサイドのコンテンツを保持するためのメカニズムです。

電子メールが存在する場合はログアウトが、そうでない場合はログインが表示されます。

<li *ngIf="bindEmail;then logout else login"></li>
<li><a routerLink="/logout">Logout</a></li>
<li><a routerLink="/login">Login</a></li>

Angular 4.0 の if..else 構文は、Java の条件付き演算子によく似ています。

Javaでは、"condition?stomnt1:stomnt2"を使います。

Angular 4.0では、*ngIf="condition;then stmnt1 else stmnt2"を使います。