Angular2 Forms – Bouton Soumettre désactivé?

Le bouton Soumettre doit-il être désactivé jusqu’à ce qu’un formulaire soit valide? Meilleur entrainement?

Est-ce qu’angular2 a un équivalent à ng-disabled qui peut être utilisé sur le bouton Submit? (ng-handicapés ne fonctionne pas pour moi.)

voir ici un exemple , dans Angular 2, c’est un moyen de désactiver un bouton jusqu’à ce que le formulaire entier soit valide:

 

en angular 2.xx , 4 , 5

 

La validation de formulaire est très simple dans Angular 2

Voici un exemple,

 

Vérifiez ce plunker pour la démo

Plus d’informations

Voici un exemple pratique (vous devez avoir confiance en la présence d’une méthode submit () sur le contrôleur – elle imprime un object, comme {user: ‘abc’} si ‘abc’ est entré dans le champ de saisie):

 

Comme vous pouvez le voir:

  • n’utilisez pas loginForm.form, utilisez simplement loginForm
  • loginForm.invalid fonctionne aussi bien que! loginForm.valid
  • si vous voulez que submit () reçoive les valeurs correctes, l’élément input doit avoir les atsortingbuts name et ngModel

En outre, c’est lorsque vous n’utilisez pas le nouveau FormBuilder, que je recommande. Les choses sont très différentes lors de l’utilisation de FormBuilder.

Peut être en dessous du code peut aider:

  

Cela a fonctionné pour moi.

.ts

 newForm : FormGroup; 

.html

  

Il est important d’inclure le mot clé ” required ” dans chacune de vos balises d’entrée obligatoires pour que cela fonctionne.

  
...

.html

 

.ts

 contactForm: FormGroup;