.completer-dropdown {

.completer-row {

height: 100px;

width: 50px;

}

}

public title1: string = 'title1';

public title2:string=' title2';

ngAfterViewInit() {

if (this.title2) {

this.searchData[0].color = this.title1 + this.title2;

} else if (!this.title2) {

this.searchData[0].color = this.title1;

}

}

Damian Gemza staff commented 6 years ago

Dear Gaurav, in which way you want to customize autocomplete?

Dear Gaurav, in which way you want to customize autocomplete?

Please insert min. 15 characters.

Publish

---

Gaurav Garg pro commented 6 years ago

Hi Damian, Few customisation: 1) Height and width of the autocomplete list item. 2) I am using reactive form module. I am using valueChanges. I don't want to run valueChanges for onMouseOver event also. 3) I have two types of title. if title b is not available then display title a. If title b is available then i have to display concatenated title but i don't know how to do that. 4) How to display description and Images. It is very similar to Google Map City Autocomplete.

Hi Damian, Few customisation: 1) Height and width of the autocomplete list item. 2) I am using reactive form module. I am using valueChanges. I don't want to run valueChanges for onMouseOver event also. 3) I have two types of title. if title b is not available then display title a. If title b is available then i have to display concatenated title but i don't know how to do that. 4) How to display description and Images. It is very similar to Google Map City Autocomplete.

Please insert min. 15 characters.

Publish

---