Discussion :

[flamant]

Je développe une datalist. L'évènement keyup de l'input déclenche une requête GET qui renvoie un tableau de String qui rempli la datalist.

Code html :

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

1
2
3
4
    <input type="text" (keyup)="findPostalCode($event)" list="codePostalId" />
    <datalist id="codePostalId">
    	<option *ngFor="let code of postalCodeList">{{code}}</option>
    </datalist>

Voici la méthode qui est déclenchée par l'évènement keyup:

Code :

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

1
2
3
4
5
6
7
     findPostalCode(event: any) {
        this.postalCodeList = [];
        let text = event.target.value;
        if (text != null && text.length > 2) {
          this.produitImmobilierService.getPostalCodes(text).subscribe( result => {this.postalCodeList = result; });
        }
      }

Et l'évènement keyup est déclenché 2 fois quand je rentre une donnée.