代码之家 › 专栏 › 技术社区 › Francesco Borzi

如何使ng选择remove和read only

angular-ngselect angular css

2

Francesco Borzi · 技术社区 · 7 年前

ng-select 小装置:

如果单击它,默认情况下可以搜索项目并将更多项目添加到当前选择中:

我想改变这种默认行为,特别是:

所以这就是我想要的:

2 回复 | 直到 7 年前

1

7

Francesco Borzi 7 年前

为了实现这一点,我们首先需要创建3个css类。

一种是禁用向下箭头图标:

.ng-select.disable-arrow .ng-arrow-wrapper .ng-arrow {
  display: none;
}

一个用于禁用搜索/列表下拉列表:

.ng-select.disable-dropdown ng-dropdown-panel {
  display: none;
}

.ng-select.disable-clear-all .ng-clear-wrapper {
  display: none;
}

然后我们加上 ng-select 元素,以及一些选项:

<ng-select
  class="disable-arrow disable-dropdown disable-clear-all"
  [searchable]="false"
  [clearable]="true"
  [multiple]="true"
>
</ng-select>

2

Agnieszka J. 7 年前

[clearable]="false" 归因于你的 ng-select 制表符示例:

<ng-select class="disable-clear-all" [clearable]="false" [searchable]="false">
</ng-select>

3

0

Basel Issmail Abdul Hadee 6 年前

要隐藏清除和箭头图标:

.ng-clear-wrapper {display: none;}

.ng-arrow-wrapper {display: none;}

4

0

Nadeeshan Herath 5 年前

下面是你所需要的,如果你需要它编程。

<ng-select
    [items]="people3"
    bindLabel="name"
    [disabled]="true"
    [multiple]="true"
    [(ngModel)]="selectedPeople3">
</ng-select>