用两个字段进行计算,一个用角度为ng-model

时间:2016-07-29 16:38:10

标签: javascript angularjs

我正在尝试将两个字段添加到一起并获得总和。但是,当我将ng-model添加到其中一个文本字段时,其中的绑定值会消失。当我从中删除ng模型时,会显示绑定值。在使用ng-model时,如何使绑定值显示在文本字段中。

<div ng-controller="items" ng-repeat="item in data">
     <label class="item item-input">
        <span class="input-label">Current Quantity</span>
        <input type="text" value="{{item.quantity}}" ng-model="first">

      </label>
        <label class="item item-input">
        <span class="input-label">New Stock</span>
        <input type="text" placeholder="New stock about to be added" ng-model="second">
      </label>
      <br>
     <h1> New Stock: {{first--second}}! </h1>
</div>

JS

.controller('updatestock_ctrl',['$scope','$http','$state','$stateParams',function($scope,$http,$state,$stateParams){
    $http.get('http://localhost/masa/templates/spree/stocks/update_stock.php?item_id='+$stateParams.item_id).success(function(data){
        console.log(JSON.stringify(data));
        $scope.data=data;
       });
}])

1 个答案:

答案 0 :(得分:0)

不应使用value HTMLAttribute作为输入,而应该声明ng-model,它会自动为读取和写入绑定值:

<input type="text" ng-model="item.quantity">