如何在 ng-select 的 ng-options 中删除（显示：none）禁用的选项？

Question

我不想在下拉列表中显示已启用属性设置为 false 的值。

<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>

以上代码禁用了将属性启用设置为 false 的值。如何过滤选项以便在不删除数组项的情况下从下拉列表中完全删除禁用的选项。

提前致谢。

Answer 1

您可以使用 CSS。下面的代码将帮助您在下拉列表中添加隐藏的 class，并且您可以隐藏基于 expr 的值，前提是必须评估为真。

<ng-select placeholder="Select" *ngIf="test.test.type == 'test1'">
        <ng-option *ngFor="let testValue of test.values"
        [value]="testValue"  [disabled]="testValue.enabled === false" [class.hidden]="Write an expr for which you need to hide" >{{testValue.value}}</ng-option>
    </ng-select>

在你的组件中 css:

.hidden {
    visibility: hidden;
}

Answer 2

以下代码有效

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

如何在 ng-select 的 ng-options 中删除（显示：none）禁用的选项？

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

angular

angularjs-directive

ng-options

angular-ngselect