Item Display

Item displaying allow users to configure a field that displays as dropdown items on dropdown to the end user. by default ornamentum will set display track field as value. for dropdown selectTrackBy attribute usages please refer dropdown Item Selection Select Track By section.

What You Will See

Below example will demonstrate a sample usages of configuring displaying item(s) on dropdown.

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

import { ExampleData } from 'helper-models';

import { DataFetchService } from 'helper-services';

@Component({
  selector: 'app-item-display-usage',
  templateUrl: './item-display-usage.component.html'
})
export class ItemDisplayUsageComponent {
  public items: ExampleData[];

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

According to the above example, displayTrackBy field was set to productType and will be displaying it's values on dropdown to the end user. for more details about display track by usages please refer display-items-usage.component.html from the above code snippet.

Basic Usage

To enable item displaying, provide a property name for displayTrackBy attribute unless data will not be displayed on dropdown.

  <ng-dropdown
    ...
    [displayTrackBy]="'productType'">
  </ng-dropdown>
Item Disabling
Load Data On Init
API Doc for Item Display