primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Table Module: Export ColumnFilterFormElement

Open riker09 opened this issue 2 years ago • 0 comments

Describe the bug

The component ColumnFilterFormElement is not exported from the Table module. I want to extend the ColumnFilter component which uses the ColumnFilterFormElement component in its template. But I receive the error NG8001: 'p-columnFilterFormElement' is not a known element.

Environment

Pretty much your average Angular project, afaict.

Reproducer

https://stackblitz.com/edit/angular-ivy-eqqgxk?file=src%2Fapp%2Fcustom-filter%2Fcustom-filter.component.ts,src%2Fapp%2Fapp.component.html

Angular version

14.0.6

PrimeNG version

14.0.0

Build / Runtime

TypeScript

Language

TypeScript

Node version (for AoT issues node --version)

16.13.2

Browser(s)

No response

Steps to reproduce the behavior

  1. Extend from ColumnFilter
@Component({
  selector: 'my-custom-column-filter',
  template: `
    <div
      class="p-column-filter"
      [ngClass]="{
        'p-column-filter-row': display === 'row',
        'p-column-filter-menu': display === 'menu'
      }"
    >
      <p-columnFilterFormElement
        *ngIf="display === 'row'"
        class="p-fluid"
        [type]="type"
        [field]="field"
        [filterConstraint]="dt.filters[field]"
        [filterTemplate]="filterTemplate"
        [placeholder]="placeholder"
        [minFractionDigits]="minFractionDigits"
        [maxFractionDigits]="maxFractionDigits"
        [prefix]="prefix"
        [suffix]="suffix"
        [locale]="locale"
        [localeMatcher]="localeMatcher"
        [currency]="currency"
        [currencyDisplay]="currencyDisplay"
        [useGrouping]="useGrouping"
      ></p-columnFilterFormElement>
      </div>
    </div>
  `,
})

export class MyCustomColumnFilterComponent
  extends ColumnFilter
{
}

Expected behavior

Export ColumnFilterFormElement from Table module

riker09 avatar Jul 25 '22 06:07 riker09