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

Rohit Gautam

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

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rohit Gautam5y ago
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

});
}
}
+1
Sachin Singh5y ago
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
    });
   }
}
+1
Rohit Gautam5y ago
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.
+1
Sachin Singh5y ago
it is already a string, what do you see when you inspect the html?
+1