List of Figures

Chapter 1. Hello AngularJS

Figure 1.1. The AngularJS big picture

Figure 1.2. Angello

Figure 1.3. Angello Lite

Figure 1.4. Angello and the big picture

Figure 1.5. The module

Figure 1.6. Views and controllers

Figure 1.7. Model-View-ViewModel

Figure 1.8. Services

Figure 1.9. Directives

Chapter 2. Structuring your AngularJS application

Figure 2.1. The Angello login screen

Figure 2.2. The Angello home screen

Figure 2.3. The Angello user screen

Figure 2.4. The Angello dashboard

Figure 2.5. The Angello file structure

Figure 2.6. A deeper look at the file structure

Figure 2.7. The Angello header

Chapter 3. Views and controllers

Figure 3.1. The storyboard view

Figure 3.2. View and controller big picture

Figure 3.3. Scope is the glue

Figure 3.4. MVVM according to AngularJS

Figure 3.5. HTML meets scope meets HTML

Figure 3.6. The digest cycle

Figure 3.7. The academic digest cycle

Figure 3.8. Console output of controller-as

Figure 3.9. The status columns

Figure 3.10. Stories in every column

Figure 3.11. Stories filtered by status

Figure 3.12. Story details

Chapter 4. Models and services

Figure 4.1. Services and the big picture

Figure 4.2. Service lifecycle

Figure 4.3. Console with decorated output

Chapter 5. Directives

Figure 5.1. When you condense directives into three main parts, things get much simpler.

Figure 5.2. The user story directive

Figure 5.3. The dragand-drop feature

Figure 5.4. We may not have a lot, but we���ve got a Flot!

Chapter 6. Animations