Route Parameters & Observables

Angular 2    |    Intermediate
  • 11 videos | 1h 20m 32s
  • Includes Assessment
  • Earns a Badge
Likes 10 Likes 10
The Angular Router enables navigation from one view to the next in an app. Discover how to work with route parameters and observables, and use HTTP requests to communicate with a server from within an Angular app.

WHAT YOU WILL LEARN

  • use the Angular router to perform explicit routing from within a controller class
    use the ActivatedRoute service in a component to access details like route parameters
    use the Angular router to pass optional parameters while navigating
    define child routes that display relative to parent components and router outlets
    define and use named router outlets as secondary destinations in Angular apps
    import and install Angular's HttpModule for use in an app
  • retrieve data from the network into an Angular app
    use the observable object in an Angular app
    use observable route parameters to facilitate component re-use in Angular 2
    restrict access to app routes by using the CanActivate guard
    detect when apps attempt to navigate away from certain routes and allow or cancel the navigation

IN THIS COURSE

  • Playable
    1.  Navigating via Route Parameters
    5m 58s
    Learn how to use the Angular router to perform routing from within a controller class. FREE ACCESS
  • Playable
    2.  Accessing Route Parameters
    7m 15s
    In this video, learn how to use the ActivatedRoute service in a component to access route parameters. FREE ACCESS
  • Locked
    3.  Working with Optional Route Parameters
    4m 43s
    In this video, learn how to use the Angular router to pass optional parameters while navigating. FREE ACCESS
  • Locked
    4.  Child Routes and Nested Router Outlets
    10m 11s
    In this video, learn how to define child routes that display relative to parent components and router outlets. FREE ACCESS
  • Locked
    5.  Secondary Routes and Named Outlets
    6m 56s
    Find out how to define and use named router outlets as secondary destinations in Angular apps. FREE ACCESS
  • Locked
    6.  Installing the Http Module
    1m 40s
    In this video, learn how to import and install Angular's HttpModule for use in an app. FREE ACCESS
  • Locked
    7.  Fetching Data Using HTTP.get
    7m 48s
    Find out how to retrieve data from the network into an Angular app. FREE ACCESS
  • Locked
    8.  Working with Observables
    14m 15s
    In this video, you will use the observable object in an Angular application. FREE ACCESS
  • Locked
    9.  Route Parameters as Observables
    8m 4s
    During this video, you will learn how to use observable route parameters to make component re-use easier in Angular 2. FREE ACCESS
  • Locked
    10.  Using the CanActivate Route Guard
    5m 40s
    In this video, learn how to restrict access to app routes by using the CanActivate guard. FREE ACCESS
  • Locked
    11.  Using the CanDeactivate Route Guard
    8m 3s
    In this video, find out how to detect when apps attempt to navigate away from certain routes and allow or cancel the navigation. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Likes 286 Likes 286  
Likes 62 Likes 62  
Likes 48 Likes 48