PrimeNG下拉菜单：Showclear最初显示清除图标

Question

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