4
AngularJS的數據綁定是整潔的,但我不希望我的視圖被立即更新,直到用戶按下「保存」按鈕。我怎樣才能延遲更新視圖,同時仍然保持我的文本輸入和{{placeholders}}
之間的綁定?非即時更新模型?
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 }}
在JS
:
app.controller('MainCtrl', function($scope) {
$scope.formobj = {name: ""};
$scope.obj = {name: ""};
$scope.update = function() {
$scope.obj = angular.copy($scope.formobj);
};
});
他們在這裏給
我猜想,因爲這是一個編輯窗體,所有我需要做的就是當他們單擊「編輯」時將'obj'複製到'formobj'中,然後如您所示,在完成時將其複製回來。我喜歡這個;看起來儘可能簡單。謝謝! – mpen
Hrm..the例子似乎是非常接近我想要的:http://docs.angularjs.org/guide/forms – mpen
只需製作一份表格副本,並且在完成之前不要將其附加到範圍。 –