angular4 kendo-numerictextbox ngModel双向数据绑定

Question

下面是一个样本。我需要动态进行多次计算。

如果我更改单位/价格文本框中的值，则总值不会更新。如何使用ngModel计算？我们应该使用valueChange事件吗？ Angular 4不会自动更新？

JSON：

 items:[{units:10;price:20, total:0},
    {units:20;price:23, total:0}]

控制器：

 pageLoad(){
       for(var i=0; i<items.length; i++){
          items[i].total = items[i].units*items[i].price
       }
}

HTML：

 <div *ngFor="let item of items; let i=index">
     <kendo-numerictextbox [(ngModel)]="item.units" />
    <kendo-numerictextbox [(ngModel)]="item.price" />
    <kendo-numerictextbox [readOnly]="true" [(ngModel)]="item.total" />
 </div>

Answer 1

以下是Plunkr。

代码：

login request