Displaying and

Formatting Data

Now that we know how to get data from a back-end into a browser we can focus on
displaying and manipulating that data using AngularJS. This chapter starts with an
overview of AngularJS built-in directives used in templates. As soon as the basics are
covered we will see different directives in action and discuss their usage patterns.
There is also extensive coverage of AngularJS filters.

In this chapter you will learn about:

• Naming conventions for AngularJS directives.


• Solutions for conditionally showing and hiding blocks of markup.


• Usage patterns and pitfalls of the repeater (ng-repeat) directive.


• Registering DOM event handlers so users can interact with an application.


• Limitations of the AngularJS DOM-based template language and
  possible workarounds.


• Filters: their purpose and usage samples. We will go over built-in filters as
  well as how to create and test a custom filter.

Referencing directives

Before we go over examples of different AngularJS built-in directives it is important
to highlight that we can use a variety of naming conventions to reference directives
in HTML markup.