Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Adding template bindings to the login page

In Chapter 7, Progressive Web Applications with Angular-cli, we already added the HTML markup for all of the app's views/templates, however, we need to add the Angular bindings and models to templates so that everything works correctly:

1. Open ./Client/src/app/auth/login/login.component.html.

2. Add the following bind function to tag:

 (ngSubmit)="onSubmit(loginForm)" #loginForm="ngForm"

Now, we will add the ngModel to the email and password input, while we're still in ./Client/src/app/auth/login/login.component.html.

3. Add the following code to the email input:

 <input type="email" [(ngModel)]="user.email" name="email" #email="ngModel" class="form-control" id="email" aria-describedby="emailHelp" ...