Угловой мультиселект не отображается должным образом

Question

Я использую Angular-multiselect версии 4.2.2. На интерфейсе это происходит так:

Когда я отменяю выбор элементов и добавляю их еще раз, это происходит правильно.

Мой 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 tag или mat-select, имейте несколько атрибутов и убедитесь, что вы используете атрибут placeholder

для небулярной темы, шаблон будет выглядеть так:

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