将输入清除按钮添加到 PrimeNG p-dropdown

【问题标题】：Add input clear button to PrimeNG p-dropdown将输入清除按钮添加到 PrimeNG p-dropdown
【发布时间】：2019-04-09 02:41:04
【问题描述】：

我正在使用 PrimeNG，我无法添加一些按钮来清除输入。这是我的html：

<p-dropdown (keyup)='search($event)'  
                        id = "dropdown"
                        (onChange)="changeSubject($event.value)" 
                        [options]="subjects" 
                        [(ngModel)]="selectedSubject" 
                        filterBy = 'subjects'
                        [filter] = 'true'
                        [autoDisplayFirst] = 'defaultFilter'
                        #dropdown
                        placeholder="{{selectedWord}}"
                        [style]="{'width':'100%', 'height': '30px'}">
            </p-dropdown>

【问题讨论】：

标签： html typescript angular5 primeng primeng-dropdowns

【解决方案1】：

您可以添加showClear 属性并将其设置为true：

<p-dropdown (keyup)='search($event)'  
                    id = "dropdown"
                    (onChange)="changeSubject($event.value)" 
                    [options]="subjects" 
                    [(ngModel)]="selectedSubject" 
                    filterBy = 'subjects'
                    [filter] = 'true'
                    [autoDisplayFirst] = 'defaultFilter'
                    #dropdown
                    placeholder="{{selectedWord}}"
                    [style]="{'width':'100%', 'height': '30px'}"
                    showClear="true">
        </p-dropdown>

【讨论】：