Désactiver le bouton de soumission lorsque le formulaire est invalide avec AngularJS

Question

J'ai mon formulaire comme ça :

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>

Comme vous pouvez le constater, le bouton est désactivé si l'entrée est vide, mais il ne redevient pas activé lorsqu'elle contient du texte. Comment puis-je le faire fonctionner ?

Answer 1

<form name="myForm">
        <input name="myText" type="text" ng-model="mytext" required/>
        <button ng-disabled="myForm.$pristine|| myForm.$invalid">Save</button>
</form>

Si vous voulez être un peu plus strict