Javascript 以角度设置页面加载的输入值

我想在加载页面时将输入值的值设置为1。但是当我执行代码时，这个框是空的

<tr *ngFor="let item of cartItems; let i=index">
    <td class="cart_product"><a href="#"><img class="img-fluid" [src]="item.image" alt=""></a></td>
    <td class="cart_description">
        <h3 class="product-name"><a href="#">{{item.title}} </a></h3>
        <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
    </td>
    <td class="availability in-stock"><span class="badge badge-success">Checkers</span></td>
    <td class="price"><span>${{item.price}}</span></td>
    <td class="qty">
        <div class="input-group">
            <span class="input-group-btn"><button [disabled]="cartItems[i].quantity == 0" class="btn btn-theme-round btn-number" type="button" (click)="reduceQuantity(i)">-</button></span>
            <input type="text" max="10" min="1" value="1" class="form-control border-form-control form-control-sm input-number" name="quantity"  [(ngModel)]="cartItems[i].quantity">
            <span class="input-group-btn"><button class="btn btn-theme-round btn-number" type="button" (click)="addQuantity(i)">+</button>
            </span>
        </div>
    </td>
    <td class="price"><span>{{getQuantity(i)}}</span></td>
    <td class="action">
        <a class="btn btn-sm btn-danger" data-original-title="Remove" href="#" title="" data-placement="top" data-toggle="tooltip"><i class="mdi mdi-close-circle-outline"></i></a>
    </td>
</tr>

有-500克
跳棋
${{item.price}
-
+
{{getQuantity（i）}

---

即使您已将

输入的
值
属性设置为1，您仍会看到一个空框，因为
cartItems[i]。数量
未定义。因此，ngModel会迅速将该框更改为空。
即使您已将
输入的
值
属性设置为1，您仍会看到一个空框，因为
cartItems[i]。数量
未定义。因此，ngModel会快速将该框更改为空。
您对输入使用了双向绑定：

[(ngModel)]="cartItems[i].quantity"

理想情况下，它应该在后端将默认值设置为0，否则您可以在component.ts文件中将其值设置为0，就像在cartItem中设置值一样：

cartItems.map(function(cartItem) { 
    if(!cartItem.quantity) {
        cartItem.quantity = 0;
      }
    });

您对输入使用了双向绑定：

[(ngModel)]="cartItems[i].quantity"

理想情况下，它应该在后端将默认值设置为0，否则您可以在component.ts文件中将其值设置为0，就像在cartItem中设置值一样：

cartItems.map(function(cartItem) { 
    if(!cartItem.quantity) {
        cartItem.quantity = 0;
      }
    });