? Angular Router Course Sample - Covers Angular Final Release смотреть онлайн

Check out our Angular for Beginners Free Course - https://angular-university.io/course/getting-started-with-angular2?utm=yt-free-course

This video contains the following sample lessons:

Angular Router Setup - Avoid A Pitfall Right From The Start, Setup Router Debugging

In this tutorial, we are going to learn about how to setup the Angular Router for an optimal development experience. We are going to configure a couple of basic routes, and setup the HTML5 base path, also we are going to configure the router to output some routing debug information.

But most of all we are going to setup our development server to avoid 404 not found errors whenever the user changes something directly in the browser address bar and presses Enter. This is maybe one the greatest pitfalls of routing especially for someone just starting to try the router for the first time.

Navigate Between Angular Routes - Several Ways Of Using the routerLink Directive

In this tutorial, we are going to see how we can navigate between applications routes by using the routerLink directive and a declarative template-based approach. We are going to learn several ways of using the routerLink directive: either by passing it a hard-coded string or by passing in a template expression. We are going to use the routerLink directive to build the top navigation menu of our application.

Configuring a Home Route and Fallback Route - Learn An Essential Routing Concept

In this tutorial, we are going to learn how to configure the Angular router to cover some commonly used routing scenarios: what if the user goes to the root of the application manually? Probably you would want some sort of home page to be displayed. Also, another very common scenario is: what should be the behavior of the application when an unknown url is accessed? We already know that in the server everything is getting redirected to the index.html file, so how do we handle this on the client?

We are going to answer those questions by learning how to configure the angular router to have both an index or home route, and a fallback route. We are also going to learn an essential concept about routing configuration.

Child Routes - How To Setup a Master Detail Route - What Are Componentless Routes?

In this tutorial, we are going to setup child routes in the Angular Router. Most of all we are going to learn the most important concept about child routes: only one can be active at a given time. We are going to learn that the top level routing configuration behaves like if those where child routes of an implicit root route. We are going to setup multiple child routes, and we are going to learn what are componentless routes.

Also, we are going to learn a best practice on routing configuration: how to split the routing configuration into multiples files and how to include it in the main file using the spread operator.

Configure Auxiliary Routes in the Angular Router - What is the Difference Towards a Primary Route?

In this tutorial, we are going to introduce another major Angular Router concept: auxiliary routes. We are going to learn what are some commonly used use cases that can benefit from the use of auxiliary routes. We are going to learn that auxiliary routes are really just plain routes with a different router outlet, and that other than that all the same concepts apply, but there is a different URL syntax that we need to be aware.

Angular Router Lazy Loading and Shared Modules - How to Lazy-Load a Module

In this tutorial, we are going to introduce the notion of lazy loaded modules, and we are going to see how to configure the router to asynchronously load part of the application only if needed, effectively improving the application startup time. We are going to learn what have shared modules and why do we need to be careful while defining modules that are shared among both synchronously loaded modules and lazy-loaded modules.

For more videos tutorials on Angular, check the Angular University website - https://angular-university.io

Follow us:

Twitter - https://twitter.com/AngularUniv
Google+ - https://plus.google.com/u/1/113731658724752465218
Facebook - https://www.facebook.com/angular.university

Check out the PDF E-Books available at the Angular University - https://angular-university.io/my-ebooks