Angular 2 (Angular 4) - Two Way Binding
Angular 2 (Angular 4) - Two Way Binding
In this video I show you how to bind data to a form by clicking an edit link from a table,
We demonstrate ngModel and how this does both attribute binding as well as event binding at the same time, allow the field to be set up with initial values based on the passed in model. Making changes to the input fields ultimately changes the model and you will see how this can update the application in real time.
We also look at Bootstrap 4 forms, and icons from Font Awesome.
To follow along with this tutorial please clone down the following branch, then checkout the tutorial8 branch. If you wish to see the final result, check out the tutorial9 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:-
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 10 - Registration Form Part 1: • Angular 2 (Angular 4) - Creating Forms
Part 11 - Registration Form Part 2: • Angular 2 (Angular 4) - Dynamic Form...
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...
