11. Creating Rich Web Application Components the AngularJS Way

The first ten chapters of this book have been directed toward teaching you the mechanics and basic implementation of the different components of AngularJS applications. You’ve learned about scope/model, views, controllers, directives, and services. This chapter switches gears a bit and just provides some examples to help solidify how things are done in AngularJS.

AngularJS expects a lot more structure than normal JavaScript or even jQuery requires. However, that being said, it still provides a lot of flexibility within the framework. Consequently, it is a good idea to look at as many different angles of doing things in AngularJS as possible.

The examples in this chapter are not polished—some more than others—however, they do provide a lot of different looks at implementing custom directives and utilizing the built-in directives. The purpose is not to provide you with instantly reusable code, but to give you some different looks and have a basic framework that you can build on as you design your own implementations.

For this chapter the code files used are listed at the beginning of the section to make it easy for you to follow if you have downloaded the code from the book’s website.