Search code examples
angularangularjs-directiveng-optionsangular-ngselect

How to remove(display : none) disabled options in ng-options of ng-select?

I don't want to display value which have property enabled set to false in the dropdown.

<ng-select placeholder="Select" *ngIf="test.test.type == 'test1'">
        <ng-option *ngFor="let testValue of test.values"
        [value]="testValue"  [disabled]="testValue.enabled === false" >{{testValue.value}}</ng-option>
    </ng-select>

Above code disables the values which have property enabled set to false. How do I filter the options so as to completely remove the disabled options from dropdown without deleting array items.

Thanks in advance.

Solution

  • Below code worked

    .ng-select.custom-class .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    display: none !important;
}