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`
}