changing [(ngModel)] programmatically about angular-ng-autocomplete

[gmerabishvili]

Hello, As I guess you have an array of objects and you're doing something wrong. I think you must do something like this: "this.selectedMother = this.mothers[0]. FirstName". Not "this.selectedMother = this.mothers[0]" which is an object.

[idandvd]

Yes, you are correct, it is an array of objects, but it works just fine for everything other then setting the model in the ts file.
If I write "this.selectedMother = this.mothers[0].FirstName" then the text will show the right name but the object selected will be just the name instead of the "mother" object.
I think that what's happaning is that when setting the model outside the html form, the text box shows the toString of the object instead of the keyword property specified in the element.
Have a look at this:
https://stackblitz.com/edit/angular-ng-autocomplete-with-forms-bomg6s
I think the solution is easy, isn't?

[gmerabishvili]

Hello, sorry for late response. I was too busy : ) Yes, it's easy and here is the solution:
// ts file
selected: any = '';
public countriesTemplate = [{name: 'Albania'}, {name: 'Andorra'}, {name: 'Armenia'}, {name: 'Austria'}];
set() {
this.selected = this.countriesTemplate[2];
}
// html file
[ngModel]="selected.name".

That's all : )
P.S please update the library to 1.1.12 version. Thank you.

[Dhamu143]

#19