Angular 2 Pipes

Topics 

  • What is a Pipe? 
  • Built-in Pipes 
  • Custom Pipes 
  • Pipes and change detection 
  • Pure and Impure pipes 
  • Quick tutorial on Promise and Observable
  • Async pipe

What is a Pipe? 

  • A pipe takes in data as input and transforms it to a desired output 
  • < p >The hero's birthday is {{ birthday | date }} < /p >
  •  Pipe can take parameters 
  • < p >The amount is {{ amount | currency:'EUR' }} < /p >
  •  Pipe can take multiple parameters 
  • < p >The sliced string is {{ name | slice:1:5 }} < /p >
  • Pipes can be chained 
  • < p >The birthday is {{ birthday | date | uppercase}}< /p >
  • < p >The birthday is {{ birthday | date:'yyyy-MM-dd' | uppercase}}</ p >

You must have an active subscription to download PDF and Lab Zip of this course topic.Please click the "Subscribe" button or the "Login" button if you already have an account.