如何在Angular提交表单之前不更新模型？

Question

我在找Angular不更新模型，直到用户提交表格。或者，换句话说，当用户提交表单时，仅更新型号的。

<form ng-submit="process()"> 
    Value is : {{ model.property }} 
    <input type="text" ng-model="model.property"> 
    <button type="submit">Submit</button> 
</form> 

我在想像ng-model-options="{ updateOn: null }"这样的东西，但它不起作用。

这甚至可能没有得到太“hacky”（如获取提交每个输入的值）？

Answer 1

你应该使用angular.copy克隆你的对象。

$scope.formData = angular.copy($scope.model); 

<form ng-submit="process()"> 
    Value is : {{ formData.property }} 
    <input type="text" ng-model="formData.property"> 
    <button type="submit">Submit</button> 
</form> 

然后在过程中你更新模型。

$scope.model = angular.copy($scope.formData); 

您将使用临时模型而不是“真实”模型。