angularjs - 非即时更新模型？

Question

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

Answer 1

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

这是一个例子: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);
  };
});