PrimeNG Dropdown:Showclear 最初显示清除图标
PrimeNG Dropdown: Showclear displays clear icon initially
我在我的 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>
知道我在这里可能遗漏了什么吗?
当您首先构建表单时,为 formControlName="referralType".
传递空值
this.form = this.formBuilder.group({
referralType: [null]
});
我在我的 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>
知道我在这里可能遗漏了什么吗?
当您首先构建表单时,为 formControlName="referralType".
传递空值this.form = this.formBuilder.group({
referralType: [null]
});