Angular 2 (Angular 4) - Dynamic Form Data

Опубликовано: 06 Декабрь 2016
на канале: Lyrad Digital
4,940
19

Angular 2 (Angular 4) - Dynamic Form Data

In this video I show you how to build some dynamic controls on the form based on what could be data coming from a database.

I work through writing the lookup providers (ie Angular services and mock data for these lookups), to implementing options on a select element for the teams lookup, and creating a checkbox list using the injuries lookup service.

By now we should be getting a pretty solid understanding of Angular 2 prior to looking at the next major topic which will be (fetching data from the internet). Keep working away at my tutorials and we will get there.


To follow along with this tutorial please clone down the following branch, then checkout the tutorial10 branch. If you wish to see the final result, check out the tutorial11 branch.

https://github.com/lyraddigital/angul...

You can follow me on twitter at:   / dduckmanton82  
You can also follow my business account at:   / lyraddigital  
You can also follow my business account on Facebook at:   / lyraddigital  

I publish an article every now and then on LinkedIn as well. So connect with me on LinkedIn at:   / daryl-duckmanton-4478a14a  

Watch all my other videos in this series:-

Watch all my other videos in this series:-

Part 1 - Introduction and the CLI:    • Angular 2 (Angular 4) - Introduction ...  
Part 2 - Angular Module Basics:    • Angular 2 (Angular 4) - Angular Modul...  
Part 3 - Multiple Angular Modules:    • Angular 2 (Angular 4)  - Multiple Ang...  
Part 4 - Shared Angular Modules:    • Angular 2 (Angular 4)  - Shared Angul...  
Part 5 - Eagerly and Lazily Loading Modules:    • Angular 2 (Angular 4)  - Eagerly and ...  
Part 6 - Basic App Component and Presentation:    • Angular 2 (Angular 4)  - Basic App Co...  
Part 7 - App Component bindings:    • Angular 2 (Angular 4) - Component bin...  
Part 8 - Attribute binding and the main navigation:    • Angular 2 (Angular 4) - Attribute bin...  
Part 9 - Basic Form and Dual Binding:    • Angular 2 (Angular 4)  - Two Way Binding  
Part 10 - Registration Form Part 1:    • Angular 2 (Angular 4)  - Creating Forms  
Part 12 - Registration Form Part 3:    • Angular 2 (Angular 4) - Form Validation  
Part 13 - Registration Form Part 4:    • Angular 2 (Angular 4) - Form Validati...  
Part 14- Registration Form Part 5:    • Angular 2 (Angular 4) - Reactive Forms  
Part 15 - Structural Directives:    • Angular 2 (Angular 4) - Structural Di...  
Part 16 - Dynamic Forms:    • Angular Dynamic Forms (Angular 7) pre...