This chapter is an in-depth guide to configuring the front-end application of our MEAN stack web application using the Angular 4 JavaScript framework. We will explain how to upgrade from an existing Angular 2 application to Angular 4, as well cover how to generate components and routes using Angular-CLI.
In this chapter, we will cover the following recipes:
- Upgrading from Angular 2 to Angular 4 using NPM
- Generating a new Angular project using Angular-CLI
- Configuring Angular-CLI project settings
- Working with generators in Angular-CLI
- Ejecting Angular-CLI from your project
- Generating new routes in Angular-CLI
- Defining a home page in your Angular routes
- Handling 404 errors in an Angular project
- Creating nested routes in Angular
- Creating sibling routes in Angular
- Programmatic page redirection in Angular
- Route preloading with Angular modules
- Running tests in Angular-CLI