Item Grouping

This feature allow users to group data into separate categories and show them in the same Dropdown. please note item 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-item-grouping-usage',
  templateUrl: './item-grouping-usage.component.html'
})
export class ItemGroupingUsageComponent {
  public items: ExampleData[];

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

Basic Usage

For enable multiple item 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>
Item Filtering
Client-side Basic Data Binding
Translations
API Doc for Dropdown Item Grouping