8. Custom validations, controls and multi-providers

Examples: https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/

Transcript

2. Schedule • Custom reactive validations • Multi-providers • Custom template validations • Custom from controls
3. Model-driven validations https://github.com/angular/angular/blob/master/modules/ %40angular/forms/src/validators.ts
4. Custom model-driven validations https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/ PostcodeValidation @
5. Custom async model-driven validations https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/ AsyncPostcodeValidation @
6. ForwardRef • We use it because es6 classes aren't hoisted • forwardRef takes a function as an argument that returns a class. The argument function is called after the class is declared.
7. DI Injectors Module Component Component Directive Directive • Every Component has an Injector • Every Directive takes her parent Component's Injector
8. Multi Providers
9. Multi Providers Example (1) Creating a token
10. Multi Providers Example (2) Creating a directive 1
11. Multi Providers Example (3) Creating a directive 2
12. Multi Providers Example (4) Creating a collector
13. Multi Providers Example (5) Using all directives
14. Multi Providers Example (6) Example Result
15. Custom template-driven validations https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/ emailValidatorProvider @
16. Custom async template-driven validations https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/ asyncEmailValidatorProvider @
17. Custom Form Controls https://angular.io/docs/ts/latest/api/forms/index/ControlValueAccessor- interface.html
18. Custom Form Controls
19. Custom async template-driven validations https://embed.plnkr.co/VJm56Q4hpIIAgkvmzGin/ CounterComponent @
20. Questions?