Angular 7 filter pipe data count

Question

Hello Experts , I have appiled search filter its working fine , but i want to display no data message (ng-template) if filter count is zero. i'm getting same count even data is filtered . "let task of tasks | async | tableFilter : searchText:'TASK_ID'| tableSort :direction:prop;trackBy:trackById;" >

Muthu Kumar · Answer

Here is an example for you. In tableFilter pipe before return result need to change like following, return result.length ? result : [-1]; This line will check if your final result. If result is not an empty array it will return same data. If result is empty it will return -1 number within array. Then Include this line in your html file, "let task of tasks | async | tableFilter : searchText:'TASK_ID'| tableSort :direction:prop;trackBy:trackById;" > "task !== -1" > {{task }} "item === -1" > No Matches Found I hope its solve your problem. Please mark as answer if solution works for you. If any problem pls let me know. Thanks, Muthukumar

Mangesh Kanche · Answer

Hello Karthikeyan, I have solved this problem with the help of below link https://stackoverflow.com/questions/48768078/angular-5-show-no-data-found-on-ngif-empty-results I hope it will help you... :-)

Karthikeyan K · Answer

Hello Muthu, "tasks$ | async;let items;else loading" > "items.length>0;else noData" > "let task of items | tableFilter : searchText:'id'| tableSort :direction:prop;trackBy:trackById;" > "['update',task.id]" >{{task.id}} {{task.name}} {{task.description}} {{task.status | titlecase }} class = "label" [ngClass]= "getClassName(task.priority)" >{{task.priority | titlecase }} {{task.lastModifiedDate | date: 'medium' }} {{task.assignedBy}} "['update',task.id]" style= "color:unset;" > "Edit" class = "fa fa-pencil-square-o fa-fw" style= "cursor:pointer" aria-hidden= "true" > "Delete" class = "fa fa-trash-o fa-fw" style= "padding-left:5px;cursor:pointer" aria-hidden= "true" > template #noData> "8" style= "text-align:center" > No records found. template > template #loading> "8" style= "text-align:center" > class = "fa fa-spinner fa-pulse fa-3x fa-fw" > class = "sr-only" >Loading... template > this is how i implemented now , still im getting total items count even items data is filtered. i want to show #noData ng-template if filtered data count is zero.