Abuzer Asif AbuzerAsif

## angular-custom-pipes-10.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'myCustomPipe'
})
export class MyCustomPipe implements PipeTransform {
  transform(value:number, param1?:any, param2?:any):number {
    return (value * param1) / param2; // returns 50
  }
}

## angular-custom-pipes-9.html

<h1>{{ 100 | myCustomPipe: 5: 10 }}</h1> // Output: 50


## angular-custom-pipes-8.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'myCustomPipe'
})
export class MyCustomPipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return value;
  }
}

## angular-custom-pipes-7.html

<h1>{{ 'Hello world' | myCustomPipe }}</h1> // Output is empty


## angular-custom-pipes-6.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'myCustomPipe'
})
export class MyCustomPipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return null;
  }
}

## angular-custom-pipes-5.html

<h1>{{ 500 | currency : 'GBP' }}</h1> // Output: £500


## angular-custom-pipes-4.html

<h1>{{ 500 | currency }}</h1> // Output: $500


## angular-custom-pipes-3.html

<h1>{{ 'Hello world' | titlecase }}</h1> // Output: Hello World


## angular-custom-pipes-2.html

<h1>{{ 'Hello world' | lowercase }}</h1> // Output: hello world


## angular-custom-pipes-1.html

<h1>{{ 'Hello world' | uppercase }}</h1> // Output: HELLO WORLD
	import { Pipe, PipeTransform } from '@angular/core';

	@Pipe({
	name: 'myCustomPipe'
	})
	export class MyCustomPipe implements PipeTransform {
	transform(value:number, param1?:any, param2?:any):number {
	return (value * param1) / param2; // returns 50
	}
	}

	<h1>{{ 'Hello world' \| myCustomPipe }}</h1> // Output is empty

	<h1>{{ 'Hello world' \| titlecase }}</h1> // Output: Hello World

	<h1>{{ 'Hello world' \| lowercase }}</h1> // Output: hello world

	<h1>{{ 'Hello world' \| uppercase }}</h1> // Output: HELLO WORLD