Autocomplete From Local Source - Array

source:

{{arrayOfStrings | json}}

selected: {{model1 | json}}

 <input jui-auto-complete
    [(ngModel)]="model1"
    [source]="arrayOfStrings"
    placeholder="enter text"/>

Autocomplete From Local Source - id/value

source:

{{arrayOfKeyValues | json}}

selected: {{model2 | json}}

<input
    jui-auto-complete
    [(ngModel)]="model2"
    [source]="arrayOfKeyValues"
    placeholder="enter text"/>

Autocomplete From Local Source - key/name

source:

{{arrayOfKeyVaues2 | json}}

selected: {{model3 | json}}

 <input jui-auto-complete [source]="arrayOfKeyValues2"
    [(ngModel)]="model3"
    placeholder="enter text"
    value-property-name="key"
    display-property-name="name"/>

Autocomplete From Remote Source - Google GeoCode

source: {{googleGeoCode}}

selected: {{model4 | json}}

<input  jui-auto-complete
    [(ngModel)]="model4"
    placeholder="Enter Address(min. 2 chars)"
    [source]="googleGeoCode"
    display-property-name="formatted_address"
    path-to-data="results"
    min-chars="2" />