角度多重选择未正确显示

Question

我正在使用4.2.2版的Angular-multiselect。在用户界面上就是这样。

当我取消选择“项目”并再次添加时，它就会正常显示。

我的HTML代码

<div class="form-group mb-2">
                <label class="label-style"><b>Specializations:</b> </label>
                <angular2-multiselect [data]="specializations" [(ngModel)]="selectedSkills" [settings]="sOptions"
                  name="skills">
                </angular2-multiselect>
              </div>

我的TS文件

  ngOnInit() {
    this.sOptions = {
      singleSelection: false,
      text: "Select specializations",
      selectAllText: 'Select All',
      unSelectAllText: 'DeSelect All',
      enableSearchFilter: true,
      classes: "myclass custom-class ml-md-3 input-length",
      maxHeight: 100
    };}

请帮我解决这个问题。

Answer 1

如果您使用的是角度+7，请尝试使用角度材质或星状（我使用了它们，它们效果很好）

如果您决定使用这些材料，nb-select标签或mat-select，则具有多个属性，并确保使用占位符属性

对于星云主题，模板将如下所示：

<nb-select formControlName="formControl"><nb-option [value]="value">label</nb-option></nb-select>