angularjs - 非即时更新模型？

Question

AngularJS 的数据绑定很简洁，但我不希望我的视图在用户按下“保存”按钮之前立即更新。我怎样才能延迟更新视图，同时仍然保持我的文本输入和之间的绑定{{placeholders}}？

Answer 1

您可以仅为表单绑定临时对象，并让“保存”按钮处理程序将表单对象复制到您的主数据模型中。

这是示例： http: //plnkr.co/edit/4vuduD

在 html 中：

<form ng-submit="update()">
  <label>name: <input ng-model="formobj.name"/></label>
  <input type="submit"/>
</form>
saved name : {{ obj.name }}

在js中：

app.controller('MainCtrl', function($scope) {
  $scope.formobj = {name: ""};
  $scope.obj = {name: ""};
  $scope.update = function() {
    $scope.obj = angular.copy($scope.formobj);
  };
});