Client Side Stream Data Binding

Using client-side real-time data binding feature users can bind data stream to represent dynamic data such as traffic, weather, analytics and etc which changes over time. Ornamentum is capable of handing live data sources with all available features (Filtering, Row Grouping, Sorting, Pagination etc.) and functionalities.

You can use client side stream data binding technique to bind data sources which changes rapidly. Data changes notified by data source will automatically get reflected while persisting the current table state without having to manually trigger refresh. Found more information about data table refresh functionality in Show Refresh Button section.

What You Will See

Basic Usage

This can be configure via setting an array of data objects to items input property or via setting a RxJS Observable stream to dataSource input property with the same approach discussed in the Client-side Basic Data Binding section.

The complete code snippet for client side real time data binding via dataSource input property can be found in What You Will See example section above.


Let's modify the controller code snippet in above example (client-side-stream-usage.component.ts) to use items property instead of dataSource.

Client-side Basic Data Binding
Server-side Data Binding
API Doc for Real-time Data Binding