Topic: Looking for the example of Autocomplete
Gaurav Garg pro asked 7 years ago
Gaurav Garg pro answered 7 years ago
Damian Gemza staff commented 7 years ago
Dear Gaurav, in which way you want to customize autocomplete?Gaurav Garg pro commented 7 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.Gaurav Garg pro answered 7 years ago
Damian Gemza staff answered 7 years ago
.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; } }
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 7 years ago
Dear Gaurav Garg, Here you can find live example of Autocomplete: https://mdbootstrap.com/angular/components/inputs/#autocomplete Best Regards, Damian