Angular 6 for Enterprise-Ready Web Applications

Template driven forms with two-way binding

The alternative to Reactive forms are Template driven forms. If you're familiar with ng-model from AngularJS, you'll find that the new ngModel directive is an API compatible replacement for it.

Behind the scenes, ngModel implements a FormControl that can automatically attach itself to a FormGroup. ngModel can be used at the <form> level or individual <input> level. You can read more about ngModel at https://angular.io/api/forms/NgModel.

In the Local Weather app, I have included a commented-out component in app.component.ts named app-city-search-tpldriven. You can uncomment this component in app.component to experiment with it. Let's see how the alternate template implementation looks like:

src/app/city-search-tpldriven/city-search-tpldriven.component.html ...