Angular UI Development with PrimeNG

The MultiSelect dropdown

The MultiSelect component is used to select multiple items from a collection, unlike the Dropdown component, which provides single item selection. A basic example of a MultiSelect component with the list of countries would be as follows:

<p-multiSelect [options]="countries" [(ngModel)]="selectedCountries"></p-multiSelect>

The list of options is available through collection of the SelectItem interface, which takes a label-value pair. The list of options is bound through the options attribute of the MultiSelect component. The MultiSelect will be displayed with the countries list, as shown in the following screenshot:

In this case, the user can select multiple countries using the checkbox option, which is available ...