【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-12-25
      • 1970-01-01
      • 2010-09-24
      • 2018-06-10
      • 2020-09-07
      • 2018-09-15
      • 1970-01-01
      相关资源
      最近更新 更多