Обновление массива внутри вложенного объекта в Firestore с использованием Angular 6

Question

У меня есть объект, который содержит объект, массив и некоторые другие свойства, и я могу получить к ним доступ, используя [(ngModel)].Но не может обновить свойства, которые находятся внутри Customer объекта и line_items массива.

И когда я вызываю update для свойств line_items, которые выбираются с использованием [(ngModel)], новое свойство создается снаружиline_items вместо обновления свойства.

PS Я использую Firestore в бэкэнде.

Вот мой класс -

export class SalesOrders{
    Customer:{
        customercode:string;
        customername:string;
    };
    Remarks:string="";
    Totalamount:number=0;

    line_items:[
        {
            productname:string;
            quantity:string;
        }
    ];
}

И Сценарий -

<input type="text" placeholder="Enter Customer Name" class="form-control" [(ngModel)]="ordersCollection.Customer.customername"
    name="customername">

<input type="text" class="form-control" [(ngModel)]="ordersCollection.Remarks" name="Remarks">

<div class="row" *ngFor="let item of ordersCollection.line_items;let i=index">
    <input type="text" class="form-control" [(ngModel)]="item.productname" name="productname" id="productname">
</div>