Summary

AngularJS templates are simple to implement yet very powerful and extensive. This chapter discusses the components of AngularJS templates and how they work together to extend HTML DOM behavior and functionality. Expressions are bits of JavaScript code contained in {{}} brackets or within directive definitions in the AngularJS template. Expressions have access to the scope, so you can render scope values to the view.

Filters act as modifiers to expressions and allow you to format expression results for specific purposes. AngularJS provides several built-in filters, such as for currency and date formatting. You can also create your own custom filters that provide any formatting or modifications you want to apply before rendering data to the page. You inject filters as providers into the injector service and can therefore access them inside controllers and templates, using dependency injection. This means you have access to filters within your JavaScript code as well.