EP 9.5 - Angular / Forms / Reactive Model Driven Forms

📚 Read the book 👉 https://go.asim.dev/angular-book 🔥 Level up your JavaScript 👉 https://go.asim.dev/advjs 🌿 If you find my videos useful please consider planting a tree for me 👉 https://go.asim.dev/trees 🎥 Watch the full playlist 👉 https://go.asim.dev/angular-playlist The best place to view the code associated with this course is in the online book (https://go.asim.dev/angular-book) via the book if a lecture has code associated with it, it then also has a link to a stackblitz instance so you can run and edit the code sample online. We can process a model driven form the traditional way by calling a function on submission of the form and then processing the form action there. But with Angular, we also have another option of processing the form by means of an observable chain which we then subscribe to. By using reactive forms and some RxJS operators we can implement powerful functionality in a few lines of code. One solution is not better than the other, reactive forms are better when there needs to be some real-time processing of the form as the user types in content. Handling model-driven forms with submit handlers is better when there needs to be a discrete action applied when the user presses a button. They are not mutually exclusive, you can perform some form processing on the submit function and some processing by subscribing to the observable. This brings to a conclusion the model-driven approach of creating and handling forms in Angular. In the next lecture, we will refactor our model-driven form into a template-driven form.