funkcjonalność podobna do ngChange dla całego formularza

Nie ma wbudowanego sposobu wykonania ng-change dla formularza.

To może nawet nie być potrzebne, ponieważ jeśli uporządkowałeś swój model widoku prawidłowo, wtedy Dane wejściowe formularza są prawdopodobnie powiązane z pewną właściwością scope-exposed: {]}

$scope.formData = {};

I w widoku:

<form name="form1">
  <input ng-model="formData.a">
  <input ng-model="formData.b">
</form>

Następnie możesz uważnie obserwować (z $watch) zmiany modelu (i zastosować dowolną opcję debounce na elementach, których potrzebujesz):

$scope.$watch("formData", function(){
  console.log("something has changed");
}, true);

Problem polega oczywiście na tym, że jest to głęboka obserwacja i to jest drogi. Ponadto reaguje nie tylko na zmiany w formie, ale także na zmianę formData z dowolnego źródła.

Więc, jako alternatywę, możesz stworzyć własną dyrektywę, aby komplementować formę i reagować na zmiany formy.

.directive("formOnChange", function($parse){
  return {
    require: "form",
    link: function(scope, element, attrs){
       var cb = $parse(attrs.formOnChange);
       element.on("change", function(){
          cb(scope);
       });
    }
  }
});

A użycie to:

<form name="form1" form-on-change="doSomething()">
  <input ng-model="formData.a">
  <input ng-model="formData.b">
</form>

Plunker do ilustracji.

Zauważ, że zdarzenie "change" jest wywoływane tylko przy rozmyciu dla wejścia tekstu, zgodnie z dokumentacja jQuery:

Zdarzenie change jest wysyłany do elementu, gdy zmienia się jego wartość. To zdarzenie jest ograniczone do elementów <input>, pól <textarea> i elementów <select>. W przypadku pól wyboru, pól wyboru i przycisków opcji zdarzenie jest wywoływane natychmiast, gdy użytkownik dokonuje zaznaczenia za pomocą myszy, ale dla innych typów elementów zdarzenie jest odroczone do momentu utraty ostrości elementu.