2013-01-22 75 views
4

AngularJS的数据绑定是整洁的,但我不希望我的视图被立即更新,直到用户按下“保存”按钮。我怎样才能延迟更新视图,同时仍然保持我的文本输入和{{placeholders}}之间的绑定?非即时更新模型?

+0

Hrm..the例子似乎是非常接近我想要的:http://docs.angularjs.org/guide/forms – mpen

+1

只需制作一份表格副本,并且在完成之前不要将其附加到范围。 –

回答

5

可以临时对象绑定只是形式,让“保存”按钮处理程序窗体对象复制到主数据模型。

这里是例子: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); 
    }; 
}); 
他们在这里给
+0

我猜想,因为这是一个编辑窗体,所有我需要做的就是当他们单击“编辑”时将'obj'复制到'formobj'中,然后如您所示,在完成时将其复制回来。我喜欢这个;看起来尽可能简单。谢谢! – mpen