AngularJS gives you a way to modify content through a series of filters. Although they look the same, some filters are simple transformations for text and others are designed to filter lists.
- [Narrator] AngularJS gives you a way to modify content…through a series of filters.…Some filters are simple transformations for text,…and others are designed to filter lists, or arrays.…We take a look at the simpler ones in this video,…and the more complex ones in the next.…Here's the list of basic filters…that you can use in AngularJS.…Currency, for example, is a simple filter…for formatting currency,…with an option for different symbols,…as well as the number of decimal places…that you want to show.…
The number filter is very similar and lets you control…the amount of decimal places in a number.…Whereas date is a really nice way to format dates,…with a ton of easy to use options.…Now lowercase and uppercase are pretty self-explanatory.…They convert some text to the appropriate case.…To use one of these filters,…you use the pipe character inside an expression,…and then you use a colon…if you need to pass along different parameters.…So let's take a minute to show you how to implement…the uppercase filter,…because it really shows you how filters work in general.…
In this short, practical course, Ray Villalobos uses AngularJS to build a searchable directory—a project you can use as the basis for your own employee or user directory. He explains the MVC architecture underlying AngularJS, and the differences you can expect to encounter in Angular 2. Then he shows how to control the display of DOM elements and data; use services like $http and $routeProvider; modify content with filters; add two-way data binding; and work with routes and templates. Start watching, and learn the simple way to build your own complex web application with AngularJS.
- What is AngularJS?
- Binding data
- Defining modules and controllers
- Using the $http service to read a JSON file
- Controlling app logic with conditionals and loops
- Filtering content and lists
- Deep linking