-1
votes

Validation de formulaire 5 angular 5:

Je reçois cette erreur sur mon formulaire 5 angular 5: xxx pré>

sur le nom nom code> variable. p>

J'utilise FormBuilder comme vous pouvez Voir ci-dessous. P>

Il semble que j'ai besoin d'un getter ou il y a une déclaration manquante? p>

Contrôleur: P>

this.form = this.formBuilder.group({
        name: new FormControl( null, Validators.compose([Validators.required, Validators.minLength(2), ]) ),
    });


3 commentaires

Oui, vous auriez besoin de getters pour l'utiliser directement dans le modèle ou vous pouvez utiliser [formontrol] au lieu de Plunker ici a un exemple similaire


Dans votre plumker, au lieu de cela, cela.Usernamectrl = this.formbuilder.control ("nom d'utilisateur", validateurs.Required); this.myform = this.formbuilder.group ({nom d'utilisateur: this.usernamectrl,}); `La DOC de l'angulaire montre que cela devrait être possible de faire cela` this.myform = this.formbuilder.group ({nom d'utilisateur: nouveau formelcontrol ("nom d'utilisateur", validateurs.requiked);}); } `N'est-ce pas vrai?


J'ai mis à jour ma question avec une solution presque de travail


3 Réponses :


0
votes

Essayez de vérifier la validité de votre modèle avec Form.Controls ['Nom']. Invalid


0 commentaires

1
votes

si vous console.log (this.form) à l'intérieur de nonginit Crochet de cycle de vie, vous pouvez voir que this.form objet ne fait pas contenir le nom d'attribut. Chaque contrôle à l'intérieur de Formgroup est stocké à l'intérieur de l'attribut Controls de l'objet. Donc, vous devez soit déclarer la variable qui indiquera que cela indiquera cela.Form.Controls ou vous pouvez faire valoir la validité du formulaire avec Ceci.Form.Controls ['Nom']. Valable


0 commentaires

0
votes

Voici la réponse:

Modèle: xxx

contrôleur: xxx


0 commentaires