Dropdown List Option Grouping

This feature allow users to group data into separate categories and show them in the same Dropdown. please note option grouping is possible when only one or more data is available.

What You Will See

Select
import { Component } from '@angular/core';

import { ExampleData } from 'helper-models';

import { DataFetchService } from 'helper-services';

@Component({
  selector: 'app-option-grouping-usage',
  templateUrl: './option-grouping-usage.component.html'
})
export class OptionGroupingUsageComponent {
  public options: ExampleData[];

  constructor(private dataFetchService: DataFetchService) {
    this.options = this.dataFetchService.fetchStaticData();
  }
}

Basic Usage

For enable multiple option grouping, it is required to bind a specific string field name into groupByField property. by default it is set to undefined.

  <ng-dropdown
     ...
    [groupByField]="'productLine'">
  </ng-dropdown>
Option Filtering
Client-side Basic Data Binding
Translations
API Doc for Dropdown Option Grouping