将输入清除按钮添加到PrimeNG p下拉列表中

Question

I am using PrimeNG and I can't add some button to clear input. Here is my 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>

Answer 1

You can add showClear propriety and set it to 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>