Observables and Angular2

Venkateshwar V

Lead Developer, CloudCherry

JSFoo 2016

• Introduction to observables.
• Async operations.
• Consuming observables and touch up on commonly used rx methods (map, subscribe, publish,share)

​

• Do not choose observables for simple arrays that are synchronous. Such observable will not listen for changes to original array.
• To overcome this, use an observable for every element and an observable of observables to represent the whole array

​

• Google instant like typeahead component.
• Input box to get input
• ModelChange will be an observable.
• Show code
• Fetch the results and show them in the output div.
• Use observables directly in the template using async pipe.
• Create an observable from click on window. Close the result pop up when clicked.
• Unsubscribe from the observable.
• Bind an observable to child component. Now child component can listen to events from its parent.

OUTLINE