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

Adding template bindings to the register page

Now, let's repeat the same operation on the registration page template:

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

2. Add the following bind function to tag:

 [formGroup]="registerForm" (ngSubmit)="onSubmit()"  class="form-signin"  novalidate

Note the use of formGroup attribute. It is part of the Angular reactive forms, but don't worry about this now; later in the book, we will discuss template-driven forms and reactive forms.

Now, we will add formControlName to the name, email, and password inputs, while still in ./Client/src/app/auth/register/register.component.html.

3. Add the following code to the name input:

 <input type="name" formControlName="name" class="form-control" ...