PrimeNG Dropdown: Showclear изначально отображает значок очистки

Question

Я использую Dropdown-контроль PrimeNG во всем приложении Angular 7, и он работает нормально.Обычно я всегда устанавливаю для свойства showClear значение true, которое предоставляет небольшую кнопку «x» справа от текста в элементе управления, при щелчке на котором выбранное значение не устанавливается.Это прекрасно работает.Однако я только что создал форму с множеством выпадающих списков, и все они отображают «x», прежде чем что-либо будет выделено.Итак, первоначальное отображение выпадающего меню показывает х, которого там быть не должно.В других областях приложения это работает, как я ожидал, но в этой форме это не так.Единственное, о чем я могу думать, это то, что я использую реактивные формы для этой формы.

Вот тег для этого раскрывающегося списка:

      <p-dropdown placeholder="Select Type" [showClear]="true" [options]="refTypes" 
        appendTo="body" formControlName="referralType" [style]="{'width':'100%'}">
      </p-dropdown>

Есть идеи, чего мне здесь не хватает?

Answer 1

Когда вы создаете форму первого типа, передайте пустое значение для formControlName = "referralType".

this.form = this.formBuilder.group({
  referralType: [null]
});