Angular AutoComplete
Today Discuss Angular AutoComplete Typescript Search and more data finding dropdown method or autocomplete simple way angular typeahead is default one.
 |
| npm ERR! Only HTTP(S) protocols are supported |
npm install --save ngx-type-ahead
@NgModule({
imports: [
TypeaheadModule
],
bootstrap: [AppComponent]
})
export class AppModule { }<type-ahead formControlName="myControl" [suggestions]="mySuggestions"></type-ahead>TypeaheadSettings
export interface TypeaheadSettings { /** how much should be user's typing debounced */ typeDelay: number; // Default is `50` /** maximal number of visible items in dropdown. If value is 0, list will not be limited */ suggestionsLimit: number; // Default is `10` /** text shown when there are no matches */ noMatchesText: string; // Default is `No matches found` /** css classes for parts of type-ahead */ tagClass: string; // Default is `btn badge badge-primary` tagRemoveIconClass: string; // Default is `` dropdownMenuClass: string; // Default is `dropdown-menu` dropdownMenuExpandedClass: string; // Default is `dropdown-menu show` dropdownMenuItemClass: string; // Default is `dropdown-item` dropdownToggleClass: string; // Default is `dropdown-toggle` }