Hide option on condition in Angular Ng-Select

Question

I am trying to hide ng-option elements based on condition...there is an attribute for disabling the option..but is there any attribute to hide them?

<ng-select class="w-100" (change)="checkingCategory()" formControlName="category" id="category"
                    name="category" placeholder="-Select Category-" bindValue="value">
                    <ng-option [disabled]="category.key == 'BPF' || category.key == 'ENT'" *ngFor="let category of categoryMap | keyvalue" value={{category.key}}>
                        {{category.key}}-{{category.value}}
                    </ng-option>
                </ng-select>

Does this answer your question? [Angular 2 Show and Hide an element](https://stackoverflow.com/questions/35163009/angular-2-show-and-hide-an-element) — Drenai, Jun 03 '22 at 22:37

score 0 · Answer 1 · answered Jun 04 '22 at 17:16

0

You can't use two * directives on the same element. Try the following

<ng-container 
    *ngFor="let category of categoryMap | keyvalue"
>
   <ng-option *ngIf="someCondition">
   </ng-option>
</ng-container>

answered Jun 04 '22 at 17:16

Drenai

11,315
9
48
82

Hide option on condition in Angular Ng-Select

1 Answers1