Javascript 如何重置ng模型值?

Javascript 如何重置ng模型值?,javascript,angularjs,html,Javascript,Angularjs,Html,我在ng change事件中为html中的输入数字框编写了代码。当我改变它的值时,事件被调用。但我不能更改超过2的值。如果更改模型值,将从第一个值重新绑定。例如:如果我将值从1滚动到2,则没有问题。若我将2改为3,那个么在模型中它被绑定为1。但我想要3作为模型值。我不知道如何处理这件事。请帮帮我。提前谢谢 这是我的html代码 <input class="numeric" min="1" type="number" ng-change="PriceCardItemQtyChange

我在ng change事件中为html中的输入数字框编写了代码。当我改变它的值时,事件被调用。但我不能更改超过2的值。如果更改模型值,将从第一个值重新绑定。例如:如果我将值从1滚动到2,则没有问题。若我将2改为3,那个么在模型中它被绑定为1。但我想要3作为模型值。我不知道如何处理这件事。请帮帮我。提前谢谢

这是我的html代码

<input class="numeric" min="1" type="number"
    ng-change="PriceCardItemQtyChanged(this)"
    ng-model="priceCardQtyModel"
    style="width:50px;" />
我的错误屏幕如下所示:

angular.module('app',[]).controller('MyCtrl',function($scope){
$scope.initial=[{
数据1:10,,
数据2:20
}];
$scope.datas=angular.copy($scope.initial);
$scope.reset=函数(){
$scope.datas=angular.copy($scope.initial);
//或
//copy($scope.initial,$scope.datas);
}
});
重置为初始值
或

{{data.data1}},{{{data.data2}}

{initial}
//试试这是您的需求示例。

angular.module('app',[]).controller('MyCtrl',function($scope){
$scope.initial=[{
数据1:10,,
数据2:20
}];
$scope.datas=angular.copy($scope.initial);
$scope.reset=函数(){
$scope.datas=angular.copy($scope.initial);
//或
//copy($scope.initial,$scope.datas);
}
});
重置为初始值
或

{{data.data1}},{{{data.data2}}

{initial}

//试试这是您的需求示例。

您能提供更多详细信息吗?。价格表?e、 数据项?。。你的控制器详细信息。pricecardModalScope是一个ModelScope,我用它作为弹出窗口的作用域。当我点击一行时,它将获取关于e.dataItem上特定行的信息。它是任何类型的网格还是uib模式弹出窗口>这是剑道网格。我使用模板在网格上显示数字文本框。您能分享一下您的计算总数功能吗?您能提供更多详细信息吗?。价格表?e、 数据项?。。你的控制器详细信息。pricecardModalScope是一个ModelScope,我用它作为弹出窗口的作用域。当我点击一行时,它将获取关于e.dataItem上特定行的信息。它是任何类型的网格还是uib模式弹出窗口>这是剑道网格。我使用模板在网格上显示数字文本框。您能分享一下您的计算总数功能吗?
priceCardModalScope.PriceCardItemQtyChanged = function(e) {
    for (var i = 0; i < priceCardModalScope.priceCard.length; i++) {
        if (priceCardModalScope.priceCard[i].ConsultationParamId == e.dataItem.ConsultationParamId && priceCardModalScope.priceCard[i].IsSelected == true) {
            priceCardModalScope.priceCard[i].SelectedItemTotalPrice = e.priceCardQtyModel * e.dataItem.ItemPrice;
        }
    }
    calculateTotalAmount();

    return true;
}

function calculateTotalAmount() {
    $scope.selectedItemPriceList = priceCardModalScope.priceCard.filter(getPriceList);

    function getPriceList(e) {
        return (e.IsSelected == true);
    }
    priceCardModalScope.totalPriceAmountModel = 0;
    for (var i = 0; i < $scope.selectedItemPriceList.length; i++) {
        priceCardModalScope.totalPriceAmountModel = priceCardModalScope.totalPriceAmountModel + $scope.selectedItemPriceList[i].SelectedItemTotalPrice;
    }
}
angular.module('app', []).controller('MyCtrl', function($scope) {
$scope.initial = [{
data1: 10,
data2: 20
}];
$scope.datas = angular.copy($scope.initial);
$scope.reset = function () {
$scope.datas = angular.copy($scope.initial);
// or
// angular.copy($scope.initial, $scope.datas);
   }
  });

<div ng-app="app" ng-controller="MyCtrl">
<div ng-repeat="data in datas">
<input type="text" ng-model="data.data1" />
<input type="text" ng-model="data.data2" />
</div> 
<a ng-click="reset()">Reset to initial value</a>
or
<hr />
<p ng-repeat="data in datas">{{data.data1}}, {{data.data2}}</p>{{initial}}
</div>