Discussion :

[Array Oport]

bonjour,
je cherche à remplir un champs texte de manière automatique sans que l'utilisateur ai à taper du texte au clavier

l'utilisateur a juste à cliquer sur un lien et ca pré-rempli son champs email et mot de passe, et il a juste à cliquer sur "se connecter"

sauf que ca ne marche pas, ca ne marche que si l'utilisateur modifie le champs texte lui même,
j'ai beau pré-remplir le champs, Angular le voit comme si c'était un champs pas rempli, il me dit "Une adresse email est requise" alors que l'email est bien visible et valide

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" placeholder="Email" name="email" id="defaultForm-email" [validateSuccess]="false" data-error="Une adresse email est requise" mdbInputDirective class="form-control" [(ngModel)]="collegue.email" required>

j'ai l'impression que mdbInputDirective ou ngModel "écoute" ce champs à chaque frappe du clavier, il semble ignorer une modification de value sur ce champs via le script

j'ai essayé de générer des click, focus, blur, mais le résultat est toujours le même : il fait semblant d'ignorer ce qui est écrit dans ce champs tant que c'est pas l'utilisateur lui même qui l'a tapé


peu être il faudrait que je déclenche un événement de type "écoute" ce champs une fois que je l'ai modifié avec le script ?


sinon même si c'est l'utilisateur qui tape au clavier : deux erreurs se produisent dans inspecteur/console :

ERROR TypeError: Cannot read property 'querySelector' of undefined

ERROR TypeError: Cannot read property 'nativeElement' of null

y'a ces erreurs à chaque lettre tapée, et ca fait référence à mdbInputDirective

[krakatoa]

pour voir, eneleve "mdbInputDirective "

dans le composant, dans ngOnInit() met : this.collegue.email = 'toto';.

[Array Oport]

je n'ai même pas eu à enlever mdbInputDirective,

j'ai juste remplacé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<HTMLInputElement>document.getElementById('defaultForm-email')).value = 'admin@xxxxx.fr';

par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.collegue.email = 'admin@xxxxx.fr';

par contre je l'ai pas mis dans le ngOnInit mais dans ma fonction remplissageAuto.


merci beaucoup Krakatoa :-)