Filters are handy devices that allow you to easily organize data, limit the amount of information you receive or modify content. AngularJS has a variety of filters that you can use to perform these functions. In this video tutorial, you will learn how to filter content using directives in AngularJS.
…AngularJS lets you organize data so that it…only shows up if it meets certain criteria.…It does this through something called filters.…We can use them with our expressions or to modify the information from our modules.…Now, the easiest way to see how filters work is in expressions.…So here, I have the names and some descriptions about…these authors in a list that's showing up on this page.…Now if I switch over to my HTML, I can easily add a filter to one of these pieces…of data by just typing in a pipe character,…which right above one of the slashes on your keyboard.…
And then typing in something like uppercase.…So I'm going to save this, and I'll switch back over to my application and refresh.…You can see that it's modified all this data to be now of course uppercase.…AngularJS comes with a variety of filters.…You can find out more about filters…at the AngularJS documentation website, and what you…want to do is scroll down and look on the left for a section called Filters.…You can see there's filters for currency, date, things like…
- What is AngularJS?
- Working with complex models
- Using a the $http service to read a JSON file
- Binding data
- Dividing your app into partials
- Creating a details template
- Using AngularJS animation events
Skill Level Intermediate
Q: This course was updated on 12/11/2015. What changed?
A: We updated two movies ("Creating our details template" and "Adding navigation to our details page") to reflect changes to AngularJS 1.4.8 and the 1.5 beta.