How can I convert number to string while using *ngFor in html code

Question

I have data, which I have bind in html table, Order ID is number type, I want to convert this into string before binding to table in Angular 10. Example : {{rec.id}} //convert this into string

Sachin Singh · Answer

in the global filter, you need to convert the properties to a string import { Pipe, PipeTransform } from '@angular/core' ; @Pipe({ name: 'filter' }) export class FilterPipe implements PipeTransform { transform(items: any[], searchText: string): any[] { if (!items) return []; if (!searchText) return items; searchText = searchText.toLowerCase(); return items.filter( it => { return it.toString().toLowerCase().includes(searchText); // see here }); } }

Rohit Gautam · Answer

I have added the custom pipe, It's not working. After i search it just blank the table below is my code: import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'searchfilter' }) export class SearchfilterPipe implements PipeTransform { // transform(value: unknown, ...args: unknown[]): unknown { // return null; // } transform(items: any[], searchedKeyword: any): any[] { if (!items) return []; if (!searchedKeyword) return items; searchedKeyword = searchedKeyword.toLowerCase(); return items.filter(it => { return it.toString().toLowerCase().includes(searchedKeyword); // see here }); } }

Rohit Gautam · Answer

I have added search filter on the same table, Global filter is working for every colum but not for ID column, Because it's a number type.

Sachin Singh · Answer

it is already a string, what do you see when you inspect the html?