All Pipes In Angular 6

Pipe is nothing but just transform data in to required output.Generally Pipe (|) operator is required for perform it. Here you  learn  all pipes are available in angular 6 with simple example.

  • Lowercase pipe
  • Uppercase pipe
  • Titlecase pipe / Camel case
  • Currencypipe
  • Jsonpipe
  • Percentpipe
  • Decimalpipe
  • Slicepipe

app.component.ts


app.component.html


Output:

Uppercase Pipe

ANGULAR 6 PIPE

Lowercase Pipe

angular 6 pipe

titlecase Pipe

Angular 6 Pipe

Currency Pipe

$6,589.23
$6,589.23

Decimal Pipe

454.7879 // 3 is for main integer, 4 -4 are for integers to be displayed.

Json Pipe

{ “name”: “Rebecca”, “age”: “30”, “address”: { “a1”: “TG”, “a2”: “Hyd” } }

Percent Pipe

35%

Slice Pipe

Mar,April,May,Jun

Thanks for reading All Pipes In Angular 6.

Date Pipe In Angular 6 with examples

Share this post

Post Comment