Data Limit

Limit will allow users to define a number of items to shown in the dropdown at once. If limit is not specified by the user, default value will be set as the dropdown data limit.

What You Will See

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

import { DropdownTranslations } from 'ornamentum';

import { ExampleData } from 'helper-models';

import { DataFetchService } from 'helper-services';

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

  public translations: DropdownTranslations = {
    noDataMessage: 'No Data Available.'
  };

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

Basic Usage

  <ng-dropdown
    ...
    [limit]="10">
  </ng-dropdown>

Suggested Links

API Doc for Data Limit