如何在 Angular 4 中设置文本字段的默认值？

Question

我有一个 for 循环，其中显示所选的产品名称和价格。用户可以选择输入数量，但默认情况下，数量应为 1。如何将文本字段值设置为默认值 1。

我已经尝试过以下方法，但它不起作用：

<tr *ngFor="let spro of selectedProd;let i = index;">
    <td data-title="Product Name">{{spro.product_description}}</td>
    <td data-title="Unit Price" class="numeric">
        <i class="fa fa-inr"></i>2000</td>
    <td data-title="Qty" class="numeric">
        <input type="text" [(ngModel)]="selectedProd[i].qty" name="qty" value="1">
    </td>
    <td data-title="Total Price" class="numeric">
        <i class="fa fa-inr"></i>{{selectedProd[i].qty*2000}}</td>
</tr>

Answer 1

使用value放在方括号中：

[value]="myDefaultValue"

在组件中：

myDefaultValue: number = 1;

或使用一种方式绑定：

<input type="text" (ngModelChange)="selectedProd[i].qty" name="qty" value="1">