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

Question

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