2 votes

Angular 8 : (keyup.enter) ne se déclenche pas pour une entrée html en lecture seule

J'essaie de déclencher une fonction une fois que l'utilisateur appuie sur Enter . La raison pour laquelle j'ai rendu cette entrée en lecture seule est d'empêcher l'utilisateur de modifier la valeur de l'entrée une fois qu'elle est remplie.

La valeur provient d'une popup qui sera déclenchée par l'attribut "clic". Le problème est que l'attribut keyup.enter ne se déclenche pas pour cette entrée.

Voici le code :

<input type="text" [(ngModel)]="display.name"
  (click)="openProfile()" (keyup.enter)="submitProfile()" readonly
/>

<button (click)="submitProfile()" type="submit">
  Submit
</button>

0voto

Dmitriy Ivanko Points 311

Vous pouvez configurer les attributs :

[readonly]="isValuePapulated"

o

[disabled]="isValuePapulated"

ou utilisation seulement :

[ngModel]="display.name"
(ngModelChanged)=onModelChanged($event)
// in component:
public onModelChanged(value: any): void {
    if (isValuePapulated) {
       return;
    }

   this.display.name = value;
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X