2013-01-22 101 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