angular - PrimeNg 全局过滤器

Question

我正在尝试在 primeNg 中创建表并在整个表上应用全局过滤器。但它显示错误

Error: src/app/components/dashboard/dashboard.component.html:37:87 - error TS2531: Object is possibly 'null'.  

37                 <input pInputText type="text" (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />

下面的代码如下：

<p-table #dt1
    [value]="applications"
    dataKey="id"
    [rows]="10"
    [showCurrentPageReport]="true"
    [rowsPerPageOptions]="[10,25,50]"
    styleClass="p-datatable-applications p-datatable-gridlines"
    [paginator]="true"
    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
    [filterDelay]="0"
    [globalFilterFields]="['comments','applications.quote','applicationDate','effectiveDate','policyType',
    'applicantName','applicantAddress','agencyCode','agency','status']">

    <ng-template pTemplate="caption">
        <div class="p-d-flex">
            <span class="p-input-icon-left p-ml-auto">
                <i class="pi pi-search"></i>
                <input type="text" pInputText (input)="dt1.filterGlobal($event.target.value, 'contains')" placeholder="Search keyword" />
            </span>
        </div>
    </ng-template>

标签： angularprimeng