Angular 6 Development: Dependency Injection & ng-bootstrap
Angular 6
| Expert
- 15 Videos | 1h 6m 55s
- Includes Assessment
- Earns a Badge
Dependency Injection is at the core of how Angular operates and ng-bootstrap gives us many advanced components we can work with. In this course, you can discover how Angular 6 DI works and how to use some ng-bootstrap components. Study progressive web apps and Bootstap support in Angular 6. See how to use to Typehead, Datepicker, and Timepicker directives. Learn to create classes with and without dependency injection. Find ways to register service providers via @NgModule, @Component, @Injectable, an object literal, and aliases. Create a provider that is able to inject non-class values. Finally, as an exercise, you will work with the Angular Dependency Injection Framework.
WHAT YOU WILL LEARN
-
create and deploy a PWA using Angular 6 Schematics
install support for working with Bootstrap components in an Angular 6 app via Schematics
use the ng-bootstrap Typeahead directive in order to provide auto completion suggestions to users
use the ng-bootstrap Datepicker directive to allow end users to choose dates
use the ng-bootstrap Timepicker directive to allow end users to set times
understand some of the potential issues that can be faced when classes create their own dependencies
understand how DI helps avoid certain issues with designing programs
create and register an Angular service and provider using the @Injectable decorator -
create and register an Angular service and provider as part of an NgModule
create a component level service provider in Angular 6
use the provide object literal to register a service class provider
configure an injector and service provider to use an alias when providing a class dependency value
configure a service provider to provide a dependency value based on a factory function
create a provider that's able to inject non class values
work with Angular's Dependency Injection Framework
IN THIS COURSE
-
1.Progressive Web Apps in Angular 66m 15sUP NEXT
-
2.Bootstrap Support in Angular 6 Apps2m 32s
-
3.Using the Typeahead Directive4m 56s
-
4.Using the Datepicker Directive4m 55s
-
5.Using the Timepicker Directive4m 5s
-
6.Creating Classes Without Dependency Injection4m 54s
-
7.Creating Classes Using Dependency Injection5m 9s
-
8.Registering Service Providers Using @Injectable5m 46s
-
9.Registering Service Providers Using @NgModule2m 43s
-
10.Registering Service Providers Using @Component5m 10s
-
11.Understanding the Provide Object Literal3m 34s
-
12.Registering Class Providers Using Aliases4m 9s
-
13.Registering Providers Using Factory Functions6m 4s
-
14.Register Providers for Non Class Values4m
-
15.Exercise: Working with DI in Angular 62m 43s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.
