Chapter 1. Introducing Angular
Figure 1.1. Splitting a prototype into components
Figure 1.2. Sample architecture of an Angular app
Figure 1.3. A newly generated Angular project
Figure 1.4. Building the bundles with ng serve
Figure 1.5. Running the app in the browser
Figure 1.6. Running the non-optimized app
Figure 1.7. Running the optimized app with AOT
Figure 1.8. Running the optimized app without AOT
Figure 1.9. The ngAuction workflows
Figure 1.10. The ngAuction home page with highlighted components
Figure 1.11. The online auction home page on smartphones
Figure 1.12. The redesigned ngAuction
Figure 1.13. The project structure for the online auction app
Chapter 2. The main artifacts of an Angular app
Figure 2.1. Running the two-module app
Figure 2.2. Event-binding syntax
Figure 2.3. Running a one-way binding app
Figure 2.4. Running a twoway binding sample app
Figure 2.5. Running the first version of ngAuction
Figure 2.6. Rendering the navbar
Figure 2.7. Collapsed navbar menu
Figure 2.8. Rendering the search component
Figure 2.9. Rendering the footer
Figure 2.10. Rendering ngAuction with the home component
Chapter 3. Router basics
Figure 3.1. Components on the home page of ngAuction
Figure 3.2. Allocating the area for changing views
Figure 3.3. Dissecting the URL
Figure 3.4. Home component rendered with red background