ng-repeat内的ng-modal未动态更新

时间:2016-12-27 10:44:25

标签: javascript angularjs

是AngularJs2应用的新宠。

基本上我试图在函数下运行,从Object List动态创建行,并根据前两个td元素的乘法填充td值。

ItemCost的值在Controller中动态设置为

$('#sparesCost_'+elementId).val(ui.item.orgObj.sparesCost);

现在,Spares_Total成本计算为ItemTotalCost =(ItemQty * ItemCost),如下线

<td><input type="text" class="form-control" name="sparesTotal_{{$index}}" id="sparesTotal_{{$index}}" ng-value="item.cost * item.qty"></td> 

但是,TotalCost的值不会从Controller .val()事件

动态更新

如果用户手动更新行的费用,则会更新TotalCost

<tr ng-repeat="item in spares.items">
    <td><input type="text" class="form-control autocomplete" name="sparesCode_{{$index}}" id="sparesCode_{{$index}}" ng-model="item.sparesCode" typeahead="spare for spare in $ctrl.spares | filter:$viewValue"></td>           
    <td><input type="text" class="form-control autocomplete" name="sparesCost_{{$index}}" id="sparesCost_{{$index}}" ng-model="item.cost" ng-required></td>
    <td><input type="text" class="form-control " name="sparesQty_{{$index}}" id="sparesQty_{{$index}}" ng-model="item.qty" ng-required ></td>
    <td><input type="text" class="form-control" name="sparesTotal_{{$index}}" id="sparesTotal_{{$index}}" ng-value="item.cost * item.qty"></td>                         
</tr>

0 个答案:

没有答案