Блог

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

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

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

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

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

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