*ngIf
ステートメントで複数のケースをどのように持つのですか?私は持ってVueのか、角度1に慣れてif
、else if
とelse
、それだけで持っている角度4のように思えるtrue
(if
)とfalse
(else
)の条件を。
ドキュメントによると、私はできるだけです:
<ng-container *ngIf="foo === 1; then first else second"></ng-container>
<ng-template #first>First</ng-template>
<ng-template #second>Second</ng-template>
<ng-template #third>Third</ng-template>
しかし、私は複数の条件(何かのようなもの)を持ちたいです:
<ng-container *ngIf="foo === 1; then first; foo === 2; then second else third"></ng-container>
<ng-template #first>First</ng-template>
<ng-template #second>Second</ng-template>
<ng-template #third>Third</ng-template>
しかしngSwitch
、結局ハックのように感じるを使用する必要があります。
<ng-container [ngSwitch]="true">
<div *ngSwitchCase="foo === 1">First</div>
<div *ngSwitchCase="bar === 2">Second</div>
<div *ngSwitchDefault>Third</div>
</ng-container>
あるいは、私がAngular 1とVueで使用してきた多くの構文はAngular 4ではサポートされていないようです。