ng-qauto-complete

QAutoComplete

npm install ng-qcontrols

Example

import { Component } from "@angular/core";
 
@Component({
    selector: "auto-complete-example",
    template: `
            <QAutoComplete 
                placeholder="How do I set the size of an HTML text box?" 
                displayProperty="formatted_address"
                pathToData="results"
                [source]="source" 
                [(model)]="model">
            </QAutoComplete>
            <button (click)="show()">Show</button>
    `
})
export class AutoCompleteExample {
 
    model = { formatted_address : "Hello" };
    source = "https://maps.googleapis.com/maps/api/geocode/json?address=:keyword";
 
    show() {
        console.log(this.model);
    }
}