Create a Dynamic Reactive Angular Form with JSON

Channel:

Joshua Morony

Subscribers:

81,900

Published on July 8, 2021 12:00:10 PM ● Video Link: https://www.youtube.com/watch?v=ByHw_RMjkKM

Category:

Tutorial

Duration: 14:47

36,362 views

701

In this video, we create a component that allows you to define form controls in a JSON file and then dynamically create a reactive Angular form from that JSON file.

Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076

0:00 Introduction
0:20 Setting up JSON Data
0:47 Creating the Component
1:22 Interfaces
2:58 Loading JSON data
5:56 Creating Reactive Form
9:44 Creating Inputs
12:28 Using the Form

Article with source code: https://eliteionic.com/tutorials/creating-dynamic-angular-forms-with-json/
More on OnPush: https://eliteionic.com/tutorials/how-immutable-data-can-make-your-ionic-apps-faster/
transform.tools: https://transform.tools/

#ionic #angular #json

- Check out my Ionic books: https://www.joshmorony.com/books/?utm_source=youtube
- More tutorials: https://www.joshmorony.com/
- Follow me on Twitter: https://twitter.com/joshuamorony