AngularJS的数据绑定很整洁,但我不希望我的视图立即更新,直到用户按下“保存”按钮.如何在保持文本输入和{{placeholders}}之间的绑定的同时延迟更新视图?
解决方法
您可以仅为表单绑定临时对象,并让“保存”按钮处理程序将表单对象复制到主数据模型中.
这是一个例子: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 }}@H_301_20@在js中:
app.controller('MainCtrl',function($scope) { $scope.formobj = {name: ""}; $scope.obj = {name: ""}; $scope.update = function() { $scope.obj = angular.copy($scope.formobj); }; });@H_301_20@