I am working on integrating p-dataView with Angular 5 but encountering an error
Cannot read property 'split' of undefined at DataView.filter
Despite checking the documentation, I have been unable to find a solution to this issue. It seems like there is no need for additional code on the typescript side... and currently, I only have this snippet of html code. Please note that the search functionality should be linked to the checkbox (app_name)
<p-dataView [value]="iApps" #dv [paginator]="true" [rows]="20" paginatorPosition="both">
<p-header>
<input type="search" pInputText placeholder="Search" (keyup)="dv.filter($event.target.value)">
</p-header>
<ng-template let-apps let-rowIndexValue="rowIndex" pTemplate="listItem">
<input type="checkbox" (click)="toggleSelectedApp($event,rowIndexValue)" id="defaultAppID" name="defaultApps" style="margin-right:5px;margin-bottom:5px;margin-left:5px; margin-top:5px" [value]='apps.app_id'> {{apps.app_name}}
<select name="role" class="dropdown" style="width:85%" (ngModelChange)="selectedDefaultAppRole($event,rowIndexValue)" [(ngModel)]="apps.seletedAppRoleID">
<option class="dropdown-item" value="-1" selected>Select</option>
<option class="dropdown-item" *ngFor='let role of apps.roles' [ngValue]="role.app_role_id">
{{role.app_role_name}}
</option>
</select>
</ng-template>
</p-dataView>