An open API service indexing awesome lists of open source software.

https://github.com/syncfusionexamples/angular-multiselect-async-pipe

Learn how you can bind observable data to the Syncfusion Angular Multiselect Dropdown component. This example explains how to bind observables using the async pipe to subscribe to observable objects and get the latest emitted values.
https://github.com/syncfusionexamples/angular-multiselect-async-pipe

angular-async-pipe angular-multi-select async-pipe multiselect multiselect-dropdown observable

Last synced: 9 months ago
JSON representation

Learn how you can bind observable data to the Syncfusion Angular Multiselect Dropdown component. This example explains how to bind observables using the async pipe to subscribe to observable objects and get the latest emitted values.

Awesome Lists containing this project

README

          

# Binding observable data to an Angular Multiselect Dropdown

Learn how you can bind observable data to the Syncfusion Angular Multiselect Dropdown component. This example explains how to bind observables using the async pipe to subscribe to observable objects and get the latest emitted values.

# Project prerequisites
Make sure you have the compatible versions of TypeScript and Angular on your machine before starting to work on this project:
* Angular 4+
* TypeScript 2.6+

## How to run this application
To run this application, you need to first clone the `angular-multiselect-async-pipe` repository and then navigate to the path where it has been copied to your system.

To do this, open the Command Prompt and run the following commands, one after the other:

```
git clone https://github.com/SyncfusionExamples/angular-multiselect-async-pipe.git

cd angular-combobox-async-pipe
```

## Installation
Once done with downloading, you need to install the necessary packages required to run this application locally. To do so, run the following command:

```
npm install
```
This will install all the needed Angular packages into your current project.

## Running on a development server
Run the `ng serve` command for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## See Also
[Multiselect Drodown Async Pipe documentation](https://ej2.syncfusion.com/angular/documentation/multi-select/data-binding#data-binding-using-async-pipe)