javascript - 如何在 AngularJS 1.3 中使用 ngModelOptions 和 $rollbackViewValue()

Question

我的模态视图中的输入字段有问题。当我在输入字段中进行更改时，它会更新表格列表，但是当我离开页面并返回带有表格列表的此页面时，更改就会消失。

这是我的模态视图:

<form class="form-horizontal" name="editForm" novalidate>
<div class="modal-body">
<div class="form-group-sm has-feedback">
  <label class="control-label">Firstname</label>
  <input type="text" 
         class="form-control" 
         name="Fname"
         ng-model="selected.fname" 
         ng-model-options="{updateOn: 'updateItem'}"
         ng-required="true"
         />
</div>
</div>
//the same input field for lastname
...
<div class="modal-footer">
  <button class="btn btn-default" ng-click="createItem(selected)" type="submit">Erstellen</button>
  <button class="btn btn-default" ng-click="updateItem(selected)"> Ändern</button>
  <button class="btn btn-default" ng-click="cancel()">Abbrechen</button>
</div>
</form>

模态控制:

$scope.cancel = function () {
  $scope.editForm.$rollbackViewValue();
  $modalInstance.dismiss('cancel');
}

$scope.updateItem = function (updateItem) {
  CrudService.update(updateItem);
  $scope.ok();
}

原始服务:

...
update: function (updateItem) {
   updateItem.$update();
},
...

我只看到了带有一个输入字段和代码的 $rollbackViewValue() 示例:$scope.myForm.inputName.$rollbackViewValue() 但我有多个输入字段？

Answer 1

您应该通过表单名称调用 $rollbackViewValue():

 editForm.$rollbackViewValue()

在你的模板中调用它:

{{editForm.$rollbackViewValue.toString()}} 

你会看到它是如何工作的:

function () { 
     forEach(controls, function(control) { 
        control.$rollbackViewValue(); 
     }); 
}