自定义ng-multiselect下拉值的显示值

时间:2019-09-24 06:03:35

标签: multi-select angular8

我有一个ng-multiselect下拉列表。当我选择所有值时,而不是从下拉列表中显示所有值时,应该在下拉列表中仅显示“全部”。

<ng-multiselect-dropdown
            [placeholder]="dropdowns.label"
            [data]="dropdowns.optionsList"
            [(ngModel)]="dropdowns.value"
            [settings]="dropdownSettings"
            (onSelect)="onItemSelect($event)"
            (onSelectAll)="onSelectAll($event)"
          >

this.dropdownSettings = {
      singleSelection: false,
      idField: 'item_id',
      textField: 'item_text',
      selectAllText: 'All',
      unSelectAllText: 'UnSelect All',
      itemsShowLimit: 3,
      allowSearchFilter: false
    };

选中所有下拉菜单后,下拉菜单中应显示“全部”

2 个答案:

答案 0 :(得分:0)

当您选择所有选项时,可以通过将“ dropdowns.value ”的值更改为“ ALL”来尝试。 您可以在(onSelectAll)事件中进行此操作。

在.ts文件中:

onSelectAll(event){dropdowns.value="ALL"}

答案 1 :(得分:0)

似乎您在node_module中进行了一些更改,但无法在构建中进行更改。它在角度上很常见。 Angular将不会在生产版本中进行自定义更改。

如果您的自定义更改可以正常工作,请使用此命令进行构建。借助此命令,您将在构建中进行更改。

ng build --aot=false