Dropdown Disabling

This feature will allow users to disable the dropdown and restrict the access in to dropdown data fields.

What You Will See

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

import { ExampleData } from 'helper-models';

import { DataFetchService } from 'helper-services';

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

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

<ng-dropdown
  [selectTrackBy]="'id'"
  [displayTrackBy]="'productType'"
  [items]="items" [limit]="50"
  [disabled]="true">
</ng-dropdown>

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
  
import { DropdownModule } from 'ornamentum';
  
import { DisablingUsageComponent } from './disabling-usage.component';

@NgModule({
 bootstrap: [DisablingUsageComponent],
 declarations: [DisablingUsageComponent],
 imports: [
    BrowserModule, 
    DropdownModule.forRoot()
  ]
})
export class DisablingUsageModule {
}

Basic Usage

For disable the dropdown, it is required to set value as true for disabled property. by default it's value is false.

  <ng-dropdown
    ...
    [disabled]="true">
  </ng-dropdown>

Dropdown Disabling

What You Will See

Basic Usage

Suggested Links