java - div 的 Angular ng 变化

Question

我只想在 div 中的任何字段被修改时启用保存按钮。我的 div 包含许多文本字段、选择和复选框。我正在寻找一些东西(可能是一个指令)，它将查看整个 div 中的所有范围变量(ng-models)并在更改时启用保存按钮。

我知道只有 textarea、text 和 select 字段可以有 ng-change 指令。有没有其他方法可以做到这一点？

首先，我创建了一个指令，该指令应在 div 下的字段更改时自动触发。然而，这个指令从未被触发。我已经在 HTML div 标签上提到过这个指令。

.directive('enableSave', function() {
      return {
        require: 'ngModel',
        restrict: 'A',
        link: function(scope, elm, attr, ngModel) {
            ngModel.$setViewValue(true);
        }
    }
});

Answer 1

您可以为此使用 $scope.$watch。监视传递给指令的模型，并在触发更改时启用保存按钮，例如:

.directive('enableSave', function() {
  return {
    require: 'ngModel',
    restrict: 'A',
    link: function(scope, elm, attr, ngModel) {
        scope.$watch('modeltowatch', function(newvalue,oldvalue){
          // Enable save button
        })
    }
  }
});

更多信息:https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watch