Learn TypeScript 3 by Building Web Applications

Adding the components to the page

Let's adapt the book-page.component.html template to start using our components:

<h2>Book collections</h2> 
 
<div class="collectionContainerGroup"> 
  <div class="containerGroup"> 
    <div class="container"> 
      <h3>New collection</h3> 
      <form id="newBookCollection" action="#"> 
        <div> 
          <input type="text" [formControl]="formControl" title="Name"             placeholder="Name" required /> 
          <div *ngIf="formControl.invalid && (formControl.dirty ||             formControl.touched)" 
               class="alert alert-danger"> 
            <span *ngIf="formControl.hasError('required')">The name is             required.</span> 
          </div> 
        </div> 
        <input type="submit" value="Create"  (click)="createBookCollection()" /> </form> </div> <div class="container"> <h3>Tools</h3> <form action="#"> <input type="button" ...