Sharing Top Content from the Angular-sphere.

agx-typeahead – A simple but yet powerful typeahead component for Angular #npm #javascript #nodejs

  • This is an extract of the typeahead component from the open source Echoes Player.
  • Additional remote sources are soon to come.

A simple but yet powerful typeahead component for Angular

consulting on how to approach code in projects and keep it maintainable.

I provide project bootstrapping and development – while afterwards, I integrate it on site and guide the team on it.

taUrl – (required) – the url of a remote server that supports jsonp calls.

taParams<{ key: string, value: any}> – (optional, default: {}) – a {key,value} (json) object to include as params for the json call. Each api supports different structure.

taQueryParam – (optional, default: ‘q’) – a string member which is set with the query value for search.

taCallbackParamValue – (optional, default: ‘JSONP_CALLBACK’) – a string value for the callback query parameter.

taItemTpl – (optional) – a template reference to be used for each result item.

taApi – (optional, default: ‘jsonp’) – the utility to make a request with – ‘jsonp’, ‘http’.

toApiMethod – (optional, default: ‘get’) – the method to be used in either ‘jsonp’ or ‘http’.

taResponseTransform – (optional) – a transformation function which is applied to an http request’s “results” array (expected).

taSelected – (required) – emits an event once the item is selected.

import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; import { NgxTypeaheadModule } from ‘ngx-typeahead’; import { platformBrowserDynamic } from ‘@angular/platform-browser-dynamic’; import { AppComponent } from ‘./app’; @NgModule({ imports:[ BrowserModule, NgxTypeaheadModule ], declarations: [ AppComponent, ], bootstrap: [ AppComponent ] }) export class AppModule {…