我正在使用 "ng-multiselect-dropdown" 但是当我 select 列表 selected 值显示在下拉列表的输入端

Question

This is html of multiselect-dropdownList
i am using "ng-multiselect-dropdown" but when i select list selected values is shown in input side of dropdown

  <div class="multiselect-dropdownList">
    <[![ng-multiselect-dropdown][1]][1]
     required 
        name="city"
        [placeholder]="'VendorList'"
        [data]="designerList"
        [settings]="dropdowDesiner"
        (onSelect)="onChangeDesignerList($event)"
        (onSelectAll)="onChangeDesignerList($event)"
        (onDeSelect)="onChangeDesignerList($event)"
        (onDropDownClose)="onDropDownClose()"
        
        >
      </ng-multiselect-dropdown>
    </div>
</div>

Answer 1

如果您使用的是 ng-multiselect-dropdown 那么所有记录都必须显示在输入中字段
您可以使用 css 来隐藏它。例如 .ng-select /deep/ select-dropdown .selected { 显示：none }

Answer 2

你可以绑定一个变量，它包含你想要前置的元素select，像这样：

equals(objOne, objTwo) {
    if (typeof objOne !== 'undefined' && typeof objTwo !== 'undefined') {
      return objOne.id === objTwo.id;
    }
}
selectAll(checkAll, select: NgModel, values) {
    //this.toCheck = !this.toCheck;
    if(checkAll){
      select.update.emit(values); 
    }
    else{
      select.update.emit([]);
    }
  }

[(ngModel)]="selectedYears" [compareWith]="equals"  [multiple]= true

然后您可以过滤您的初始项目数组并仅获取那些您想要默认 select 的项目（它应该存储在 selection class 属性在提供的情况下）。

我正在使用 "ng-multiselect-dropdown" 但是当我 select 列表 selected 值显示在下拉列表的输入端

i am using "ng-multiselect-dropdown" but when i select list selected values is shown in input side of dropdown

javascript

drop-down-menu

angular