I updated my Angular Project from v10 to v11 and like wise PrimeNG too.
Code: Select all
"primeicons": "^4.0.0",
"primeng": "^11.4.3",
Code: Select all
<p-dropdown [options]="items" [(ngModel)]="selectedItem"
[filter]="filterable" styleClass="p-dropdown"
[virtualScroll]="virtualScroll" (onChange)="dropdownChange($event)"
[disabled]="disabled"
[placeholder]="defaultText | transloco"
dropdownIcon="fa fa-caret-down" [appendTo]="appendTo">
<ng-template let-item pTemplate="selectedItem">
<span>{{item.label | transloco}}</span>
</ng-template>
<ng-template let-itemObject pTemplate="item">
<div class="ui-helper-clearfix">
<div>{{itemObject.label | transloco}}</div>
</div>
</ng-template>
</p-dropdown>
Code: Select all
<p-dropdown [options]="items" [(ngModel)]="selectedItem"
[filter]="filterable" styleClass="p-dropdown"
[virtualScroll]="virtualScroll" (onChange)="dropdownChange($event)"
[disabled]="disabled"
[placeholder]="defaultText | transloco"
label="label"
optionLabel="label"
dropdownIcon="fa fa-caret-down" [appendTo]="appendTo">
<ng-template let-item pTemplate="selectedItem">
<span>{{item.label | transloco}}</span>
</ng-template>
<ng-template let-itemObject pTemplate="item">
<div class="ui-helper-clearfix">
<div>{{itemObject.label | transloco}}</div>
</div>
</ng-template>
</p-dropdown>
Error: node_modules/primeng/dropdown/primeng-dropdown.d.ts.Dropdown.html(63,43): Property 'emptyFilter' does not exist on type 'Dropdown'.
node_modules/primeng/dropdown/primeng-dropdown.d.ts.Dropdown.html(69,43): Property 'empty' does not exist on type 'Dropdown'.
Any help is appreciated!