1
我正在使用*ngIf
語句,但遇到問題:else部分不執行。我不知道爲什麼,這裏是源代碼。else部分在* ngIf語句中不執行
<form [formGroup]="reviewForm" (ngSubmit)="onSubmit()">
<div formArrayName="controlArray">
<div class="form-group"
*ngFor="let control of reviewForm.get('controlArray').controls; let i = index">
{{control.value}}
<span *ngIf="control.value!='dropdown';else addDropDown">
<input type="{{control.value}}"
class="form-control"
[formControlName]="i" />
<ng-template #addDropDown>
<p>hello world</p>
<select class="form-control"
[formControlName]="i">
</select>
</ng-template>
</span>
</div>
</div>
</form>
請幫忙,謝謝。
我相信其他模板不應該在同一水平* ngif條件,只是沒有一個兒童* ngif,因爲這個元素不可見。 https://angular.io/api/common/NgIf#showing-an-alternative-template-using-else「模板可以在組件視圖中的任意位置定義,但通常放在ngIf後面以便可讀。」 – Wouter
@Wouter:謝謝,更新了描述 –