ฉันจะมีหลายกรณีใน*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 ดังนั้นวิธีที่แนะนำในการจัดโครงสร้างโค้ดของฉันด้วยเงื่อนไขเช่นนี้จะเป็นอย่างไร