Join Ray Villalobos for an in-depth discussion in this video Filtering content through data pipes, part of Learning AngularJS 2 (2016).
- [Voiceover] In AngularJS 1,…filters allow you to control how some data was displayed.…In AngularJS 2,…filters are now called Pipes.…Now filtering content through Pipes can be…a little more challenging in this new version.…So, let's go ahead and take a look and create…our filter for our data that takes in account what…we type in here under the query.…A Pipe will take data in as an input,…change it somehow,…and then yield a desired output.…And there are some built in Pipes.…
So for example,…I can take the display of this name right here…and use a Pipe command to modify that…so that it's always uppercase.…So let's go ahead and save this.…And now as you can see,…all of their names are uppercase.…Now that's a very simple Pipe.…There are a few other ones,…especially ones that relate to dates.…If you'll take a look at the API 2.0 Preview,…you can type in the word Pipe and see…some of the other ones.…So there is a LowerCasePipe,…a PercentPipe,…something to turn things uppercase…as well as a DatePipe.…
Now if you want to use a Pipe in…
In these tutorials, Ray Villalobos shows you how to start using AngularJS 2 in your own projects. He starts by defining what exactly Angular 2 is and how it differs from AngularJS 1. Then, once the basics are out of the way, he sets up the template that will drive the project and starts coding. Ray shows how to divide your project into modules, work with events, style content with CSS, and create components and subcomponents. Plus, find out how to change content dynamically using data pipes.
The template is included as a free download for all members.
- What is AngularJS 2?
- Setting up our template
- Creating a simple component
- Using multiple modules
- Displaying data in our templates
- Working with events
- Creating a subcomponent
- Filtering content through data pipes