Hören Sie für den form-submit-Ereignis die in der Richtlinie

Statt zuzuschauen, wie die $submitted Eigenschaft können Sie erstellen eine Richtlinie, die den gleichen Namen wie die form Richtlinie die verbunden ist mit einer Ereignisprozedur für das Formular vorlegen, dass die Sendungen eine eckige Fall, dass Sie hören können, in Ihrer myDirective Richtlinie. Sie müssen nicht sorgen zu machen über das überschreiben der kantige Umsetzung des form Richtlinie, es wird einfach hängen Sie Ihre Verhalten nicht überschreiben die integrierte Implementierung.

DEMO

Hinweis: Sie können auch wählen, nicht zu Anhängen, die Funktionalität der form Richtlinie und wählen Sie stattdessen eine andere Richtlinie name, so stellen Sie sicher, fügen Sie die Direktive Namen wie ein Attribut im form-tag um das Ereignis auszulösen.

Javascript

.directive('form', function() {

  return {
    restrict: 'E',
    link: function(scope, elem) {
      elem.on('submit', function() {
         scope.$broadcast('form:submit');
      });
    }
  };

})

.directive('myDirective', function() {
  return {
    require: '^form',
    link: function(scope, elem, attr, form) {
      scope.$on('form:submit', function() {
        form.$setPristine();
      });
    }
  };
});

Update

Im Licht der Frage in dem Kommentar unten:

was ist der effizienteste Weg, um zu überprüfen, ob das element, das
"meine-Richtlinie" - Attribut hat "my-form" (wenn ich den Namen "form" - Richtlinie auf
"myForm") - Attribut in das parent-form? So kann ich entweder
"myDirective" mit oder ohne "myForm" (und Verhalten sich entsprechend der
natürlich)

Gibt es mehrere Möglichkeiten, es zu tun:

1. Verwenden Sie die .data() Methode in Ihrer myForm Richtlinie während der compile-phase, und es in der link-Funktion in Ihrem myDirective mit der .inheritedData() Methode, wenn die Daten zugewiesen, die in der form Richtlinie existiert.

Beachten Sie, dass ich an der form controller innerhalb der Sendung in der myForm Richtlinie. Dadurch wird sichergestellt, dass Sie erhalten, die übergeordnete Formular-controller ist der von der form element. Es gibt bestimmte Fälle, worin würden Sie die myDirective innerhalb einer geschachtelten form über ng-form, so dass anstelle der Einstellung form.$setPristine() zu den form - element form-controller Sie würde sein Einstellung die ngForm form-controller.

DEMO

  .directive('myForm', function() {

    return {
      require: 'form',
      compile: function(tElem, tAttr) {

        tElem.data('augmented', true);

        return function(scope, elem, attr, form) {
          elem.on('submit', function() {
             scope.$broadcast('form:submit', form);
          });
        }
      }
    };

  })

  .directive('myDirective', function() {
    return {
      link: function(scope, elem, attr) {

        if(!elem.inheritedData('augmented')) {
          return;
        }

        scope.$on('form:submit', function(event, form) {
          console.log('submit');
          form.$setPristine();
        });
      }
    };
  });

1. Einen anderen Weg, der ist wahrscheinlich etwas, das ist hoch optimiert für diese speziellen Anwendungsfall. Erstellen Sie einen controller in der myForm Richtlinie speichert die Formular-Ereignis-Handler Durchlaufen werden, wenn ein Formular-Ereignis ausgelöst wird. Anstelle der Verwendung der $broadcast Winkel-Ereignis, das ist tatsächlich langsamer als die Umsetzung unter weil es durchläuft jeden Bereich aus der form element nach unten zu der Letzte Rahmen der Kette. Die myForm controller unten schafft seinen eigenen Mechanismus für die Speicherung der event-Handler. Wie implementiert in #1, mit der .data() - inheritedData() ist langsam, wenn die myDirective tief und verschachtelt aus einer Menge von Elementen, da es durchläuft die DOM nach oben, bis es feststellt, dass bestimmte data. Mit der Implementierung unten, können Sie überprüfen, ob die erforderlichen ?^myForm existiert in der übergeordneten, beachten Sie die ? es stellt eine optionale Anforderung. Zusätzlich zum festlegen von Bereichen auf true in der myForm Richtlinie können Sie die Richtlinie wiederverwendbar, z.B. mehrere myForm Richtlinien innerhalb einer Seite..

DEMO

  .directive('myForm', function() {

    return {
      require: ['form', 'myForm'],
      scope: true,

      controller: function() {

        this.eventHandlers = {
          submit: [],
          change: []
        };

        this.on = function(event, handler) {
          if(this.eventHandlers[event]) {
            this.eventHandlers[event].push(handler);
          }
        };

      },

      link: function(scope, elem, attr, ctrls) {
        var form = ctrls[0],
            myForm = ctrls[1];


        angular.forEach(myForm.eventHandlers, function(handlers, event) {
          elem.on(event, function(eventObject) {
            angular.forEach(handlers, function(handler) {
              handler(eventObject, form);
            });
          });
        });

      }

    };

  })

  .directive('myDirective', function() {
    return {
      require: '?^myForm',
      link: function(scope, elem, attr, myForm) {

        if(!myForm) {
          return;
        }

        myForm.on('submit', function(event, form) {
          console.log('submit');
          form.$setPristine();
        });
      }
    };
  });

https://docs.angularjs.org/api/ng/directive/ngSubmit ist wahrscheinlich das, was du bist suchen für.