javascript - 如何得到使 Angular 形变脏的场？

有什么方法可以知道哪个字段使Angular中的表单变脏了吗？我有一个“自动保存”指令，用于检查表单内是否有任何更改，并相应地保存它（通过服务器请求），代码如下：

app.directive 'nxAutoSave', ($timeout) ->
return  {
scope: {
  nxError: '='
  nxAutoSave: '&'
}
require: ["^form"]
link: (scope, element, attrs, ctrls) ->
  dirtyElement = null
  $formCtrl = ctrls[0]
  savePromise = null

  scope.$watch ->
    if $formCtrl.$valid and $formCtrl.$dirty
      $timeout.cancel savePromise if savePromise
      savePromise = $timeout(->
        savePromise = null
        # Still valid?
        if $formCtrl.$valid
          scope.nxAutoSave()
          $formCtrl.$setPristine()
        return
      , 1100)
    return

  scope.$watch 'nxError', (newVal, oldVal) ->
    #???

}

该指令监视nxError（用作回调）以了解服务器是否发送了任何错误。在方法内部，我想显示带有错误消息的弹出窗口，但是我需要知道是什么元素使表单变脏才能激活我的弹出窗口...

有没有人有什么建议？

最佳答案

表单中的每个命名输入也具有脏状态。如果在输入元素上放置了名称属性，则它们将在表单上供您检查。因此，如果您将表单定义为：

<form name="myForm">
    <input name="myField" type="text" ng-model="myModel" />
</form>

您将在示波器上看到：

scope.myForm.myField.$dirty;

希望这可以帮助...