我有以下代碼在加載組件時不會選擇元素。
<option (click)="getSelectdDropdown(1, 'Python'); addNewItemFramework(1); checkForm()" [selected]="this.formGroup.controls['frameworkControl'].value=='1'">Python</option>
<option (click)="getSelectdDropdown(2, 'Ruby'); addNewItemFramework(2); checkForm()" [selected]="this.formGroup.controls['frameworkControl'].value=='2'">Ruby</option>
<option (click)="getSelectdDropdown(3, 'C#'); addNewItemFramework(3); checkForm()" [selected]="this.formGroup.controls['frameworkControl'].value=='3'">C#</option>
當我使用 *ngFor 它總是選擇第一個元素。ngFor的代碼應該如何？
<option *ngFor="let title of frameworkArray" >{{title}} {{this.frameworkArray.indexOf(title)}}</option>
框架陣列由 TypeScript 代碼填充。所以里面有Elements
uj5u.com熱心網友回復：
這不是你應該處理的方式。
您應該有一個與您的選擇相關聯的表單控制元件，而 Angular 將自己做任何事情。
這是一個例子：
uj5u.com熱心網友回復：
您可以在 *ngFor 選項之前宣告一個空值選項。
下面是相同的修改代碼。
您的代碼：
<option *ngFor="let title of frameworkArray" >
{{title}} {{this.frameworkArray.indexOf(title)}}</option>
修改代碼：
<option selected value=""></option>
<option *ngFor="let title of frameworkArray" >
{{title}} {{this.frameworkArray.indexOf(title)}}</option>
<option selected value=""></option>您可以在上面的 *ngFor 選項之前添加這行代碼。
如果此代碼實作了必要的輸出，請為答案投票，謝謝。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/530279.html
標籤：有角度的打字稿落下