JSQ

Give an example of custom pipe?

You can create custom reusable pipes for the transformation of existing value. For example, let us create a custom pipe for finding file size based on an extension,

import { Pipe, PipeTransform } from '@angular/core';


@Pipe({ name: 'customFileSizePipe' })
export class FileSizePipe implements PipeTransform {
  transform(size: number, extension: string = 'MB'): string {
    return (size / (1024 * 1024)).toFixed(2) + extension;
  }
}

Now you can use the above pipe in template expression as below,

template: `
      <h2>Find the size of a file</h2>
      <p>Size: {{288966 | customFileSizePipe: 'GB'}}</p>
    `;
April 19, 2022
426

Read more

What is Angular Framework?

November 04, 2022

Angular
What is a Angular module?

November 03, 2022

Angular
What are the steps to use animation module?

October 31, 2022

Angular