PrimeNG Dropdown：Showclear 最初显示清除图标

Question

我在我的 Angular 7 应用程序中使用 PrimeNG 的下拉控件，它工作正常。我通常总是将 showClear 属性设置为 true，这会在控件中的文本右侧提供一个 "x" 小按钮，单击该按钮会将所选内容重置为 none。它很好用。但是，我刚刚构建了一个包含许多下拉列表的表单，并且在选择任何内容之前，所有这些都显示 "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]
});

PrimeNG Dropdown：Showclear 最初显示清除图标

PrimeNG Dropdown: Showclear displays clear icon initially

angular

primeng

primeng-dropdowns