如何设置默认值在循环的formControls在HTML?

Question

我有一个数组的输入元素与formControl指令。我用value属性设置了每个元素的值，但是它显示为空白。如果我在文件中设置了这个值，那么在每个元素中都会设置相同的值。那么，如果我必须在ts中设置值，如何求导元素呢?

下面是我的代码: HTML代码:

<ng-container matColumnDef="amount">
<th mat-header-cell *matHeaderCellDef>Amount
<button mat-icon-button (click)="onEditClick(datasource.data)">
<mat-icon style="cursor: pointer;" class="ml-2 mr-2" >edit</mat-icon>
</button>
</th>
<td mat-cell *matCellDef="let row; let i=index;">
<ng-container *ngIf="isActual">{{row.amount || "-- --"}}</ng-container>
<mat-form-field *ngIf="isEditMonth" class="example-full-width month-textbox" appearance="outline">
<input #elRef matInput type="text" [formControl]="amountField" (change)="onAmountChanged($event,row)" [value]="row.amount">
</mat-form-field>
</td>
</ng-container>

TS代码:

amountField = new FormControl();

Answer 1

this.form.controls['amountField'].setValue("您希望被选择的值");

你可以用这个来设置值。

Answer 2

select元素的默认值可以通过在所需选项上使用selected属性来设置。这是一个布尔属性，意味着如果selected属性存在，该元素将默认显示在下拉列表中。