Building a fully featured AutoComplete with Observables

RxJS Observables afford you a lot of firepower, and it would be a shame to miss out on them. A huge library of transformations and utilities are baked right in that allow you to elegantly architect complex portions of your application in a reactive fashion.

In this recipe, you'll take a naïve autocomplete form and build a robust set of features to enhance behavior and performance.


The code, links, and a live example of this are available at

Getting ready

Begin with the following application:

[app/app.module.ts] import {NgModule} from '@angular/core'; import {BrowserModule} from '@angular/platform-browser'; import {SearchComponent} from './search.component'; ...

Get Angular 2 Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.