Warum ist ein ungültiges Formular zuerst gültig und rechts nachdem es ungültig wird?

Question

Um die Dinge zu vereinfachen, habe ich eine Probe Form bis zu meiner Frage zu beschreiben:

<form novalidate name="form"> 
    <input required name="foo" ng-model="my.foo"> 
</form> 

Und auch ein Controller:

angular.module('sample', []).controller('MainController', function($scope) { 
    $scope.$watch('form.$valid', function (valid) { 
    console.log(valid); 
    }); 
}); 

Erwartetes Ergebnis:

> false 

Tatsächliches Ergebnis:

> true 
> false 

Kann mir jemand sagen warum zuerst das Formular gültig ist und dann ungültig wird (was soll es übrigens sein)?

Working demo

Answer 1

Ich bin eigentlich sicher, dass dies auf die Richtlinien Vorrang gebührt.

In angularJS <form> ist eigentlich eine Richtlinie. required ist ein anderer.

Angenommen, wir haben ein Formular ohne Validierung. Das Formular ist immer gültig. Ich bin mir ziemlich sicher, dass wir jetzt sagen können, dass ein Formular standardmäßig gültig ist.

Die "Formular" -Richtlinie hat eine höhere Priorität als "erforderlich". Es bedeutet, dass an einem Punkt. Angular wendet die "form" -Richtlinie an und nicht die "erforderliche". Dies führt zu einem gültigen Formular mit einer Eingabe mit einem unbekannten Attribut "required". Next Digest analysiert die "erforderliche" Direktive. Es stellt fest, dass die Eingabe leer ist und auf false gesetzt ist.

Wie Omri sagte, ist es eine der Prioritäts- und Digest-Zyklen der Direktiven.