Perché un modulo non valido è valido all'inizio e subito dopo risulta non valido?

Question

Al fine di semplificare le cose ho fatto un modulo di esempio per descrivere la mia domanda:

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

E anche un controller:

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

Risultato atteso:

> false 

Risultato effettivo:

> true 
> false 

Qualcuno può dirmi perché inizialmente il modulo è valido e quindi non è più valido (cosa dovrebbe essere, tra l'altro)?

Working demo

Answer 1

realtà sto sicuro che questo è dovuto alla priorità di direttive.

In angularJS <form> è in realtà una direttiva. required è un altro.

Supponiamo di avere un modulo senza convalida. Il modulo è sempre valido. Sono abbastanza sicuro che ora possiamo dire che un modulo è valido per impostazione predefinita.

La direttiva "forma" ha una priorità più alta di "richiesta". Significa che in un punto. Angolare applica la direttiva "forma" e non quella "richiesta". Questo risultato in una forma valida con un input con un attributo sconosciuto "richiesto". Il prossimo digest analizzerà la direttiva "required". Trova che l'input è vuoto e impostato valido su false.

Come ha detto Omri, è una delle priorità delle direttive e dei cicli di digestione.