在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);

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