Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1
angular/aio/content/guide/pipe-template.md
Virginia Dooley 41715431fb docs: new Pipes in templates doc (#45897) 
New using a Pipe in a template document.
Content taken from the original Pipes document.
Content edited with the assistance of the SME.

PR Close #45897
2022-05-16 16:07:34 -07:00

934 B
Raw Blame History

Using a pipe in a template

To apply a pipe, use the pipe operator (|) within a template expression as shown in the following code example, along with the name of the pipe, which is date for the built-in DatePipe.

The tabs in the example show the following:

  • app.component.html uses date in a separate template to display a birthday.
  • hero-birthday1.component.ts uses the same pipe as part of an in-line template in a component that also sets the birthday value.

The component's birthday value flows through the pipe operator, | to the date function.

@reviewed 2022-04-07