代码之家 › 专栏 › 技术社区 › kushal Baldev

单击模板内的“事件不工作”列表框

angular10 primeng angular

kushal Baldev · 技术社区 · 4 年前

我试图在prime Ng的列表框模板中添加click事件,但事件没有被监听,下面是stackblitz代码和演示链接。

   <h5>Single</h5>
<p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [style]="{'width':'15rem'}">
    <ng-template let-country pTemplate="item">
        <div class="country-item">
            <div>{{country.name}}</div>
            <a (click)="editProject('hii')"><i class="pi pi-pencil"></i></a>
        </div>
    </ng-template>
</p-listbox>

https://stackblitz.com/edit/primeng-listbox-demo-dxcpdt?file=src/app/app.component.ts

1 回复 | 直到 4 年前

Divin Irakiza 4 年前

问题在于主要的ng风格 p-listbox 有一个 .p-ink <a> 可以通过隐藏 .

  styles: [
    `
      :host ::ng-deep .ui-listbox {
        width: 20em;
        z-index: -1 !important;
      }
      :host ::ng-deep .p-ink {
        display: none !important;
      }
    `
  ]

推荐文章

Michael Albrecht · 无法在第二个角度模块中使用素数

2 年前

Dante Orlando · PrimeNG TurboTable:dataKey需要是列吗?

7 年前

Hamza Haddad · 使用PrimeNG autocomplete组件显示焦点建议

7 年前

Aw3same · 布尔值不变

7 年前

Ayushi Tomar · 使用primeng和angular 5时,无法对“dd/mmm/yyyy”中的turbo table列进行排序

7 年前

Neamesis · 角度4+启动:TreeNode是否可以包含下拉列表?

7 年前

Vignesh · 行分组时,p表中显示的对象数组不会按原始顺序显示

7 年前

Ramesh Rajendran · ReferenceError:单元测试时未定义Quill

7 年前

sashafedsdev · PrimeNg multiselect,默认情况下选择所有项目

7 年前

RobinLu · Angular 4 Priming onChange不工作

7 年前