Angular 2 (Angular 4) – Dynamic Form Data



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/angular2tutorial.git

You can follow me on twitter at: https://twitter.com/dduckmanton82
You can also follow my business account at: https://twitter.com/LyradDigital
You can also follow my business account on Facebook at: https://www.facebook.com/lyraddigital

I publish an article every now and then on LinkedIn as well. So connect with me on LinkedIn at: https://au.linkedin.com/in/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: https://www.youtube.com/watch?v=QzXdiH3wJp0
Part 2 – Angular Module Basics: https://www.youtube.com/watch?v=GeomqoUUCho
Part 3 – Multiple Angular Modules: https://www.youtube.com/watch?v=33ADKstmXqQ
Part 4 – Shared Angular Modules: https://www.youtube.com/watch?v=QExtdZKqw1E
Part 5 – Eagerly and Lazily Loading Modules: https://www.youtube.com/watch?v=0YC4qmnkMbU
Part 6 – Basic App Component and Presentation: https://www.youtube.com/watch?v=np7rZUob-CY
Part 7 – App Component bindings: https://www.youtube.com/watch?v=RmC8B_GaONM
Part 8 – Attribute binding and the main navigation: https://www.youtube.com/watch?v=OxjR7lFP430
Part 9 – Basic Form and Dual Binding: https://www.youtube.com/watch?v=23HsTwj7oAw
Part 10 – Registration Form Part 1: https://www.youtube.com/watch?v=ysEYpkQ-wbU
Part 12 – Registration Form Part 3: https://www.youtube.com/watch?v=8iPb-4dNpWo
Part 13 – Registration Form Part 4: https://www.youtube.com/watch?v=8GhobtQCRvo
Part 14- Registration Form Part 5: https://www.youtube.com/watch?v=q7mkQmqL0JM
Part 15 – Structural Directives: https://www.youtube.com/watch?v=Iw1H15Aeg5s
Part 16 – Dynamic Forms: https://www.youtube.com/watch?v=nxa78ZxeNdI

source

You May Also Like