ng2-auto-complete ngModel ne change pas de valeur

Question

J'utilise le module ng2-auto-complete. J'ai un formulaire de validation et je veux changer la valeur du ngModel, lorsque l'utilisateur sélectionne une valeur à partir de données de recherche (autocomplete).

Je ne veux pas changer la valeur via un valueChangedEvent, parce que j'utilise ce module plus d'une fois. Je veux lier mon ngModel avec la valeur de l'auto-complétion. Comment cela est-il possible ?

Cela ne fonctionne pas :

<div ng2-auto-complete 
  [source]="getValue('country')"
  placeholder="enter text">
  <input [(ngModel)]="person.country" />
</div>

si je sélectionne une valeur, le pays de la personne ne change pas.

Merci d'avance !

Answer 1

Vous pouvez essayer d'utiliser une fonction sur un événement d'entrée comme ceci :

<input [(ngModel)]="person.country" #myInput (input)="changeModel(myInput.value)"/>

// TS
changeModel(value: string) { this.person.country = value; }

Vous pouvez également utiliser l'implémentation OnChange

export class MyClass implements OnChanges {
    // ...
    ngOnChanges(changes: SimpleChanges) { this.person.country = changes.allResults.currentValue; }
}

Answer 2

Modifiez votre code comme suit

<div 
  placeholder="enter text">
  <input [(ngModel)]="person.country" ng2-auto-complete 
  [source]="getValue('country')" />
</div>

La balise ng2-auto-complete et la source doivent accompagner le champ de saisie.