angularjs - 非即時更新モデル?

Question

AngularJS のデータ バインディングは優れていますが、ユーザーが「保存」ボタンを押すまでビューをすぐに更新したくありません。テキスト入力と の間のバインディングを維持しながら、ビューの更新を遅らせるにはどうすればよい{{placeholders}}ですか?

Answer 1

一時オブジェクトをフォーム専用にバインドし、「保存」ボタン ハンドラーにフォーム オブジェクトをメイン データ モデルにコピーさせることができます。

ここに例があります: 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);
  };
});