Mastering ASP.NET Web API

The AppComponent template - HTML for Angular component

Every Angular component accompanies the UI template with its selector. In our example, the aap.component.html file is the template for displaying the UI.

To open the app.component.html file, copy the following code:

    <nav class="navbar navbar-default"> 
      <div class="container-fluid"> 
        <div class="navbar-header"> 
          <a class="navbar-brand" href="#">ngPacktContacts - {{title}}</a> 
        </div> 
      </div> 
    </nav>  
    <div class="container"> 
      <div> 
        <button type="button" class="btn btn-primary"  (click)="createContact()">Create Contact</button> </div> <br> <div id="contactlist" *ngIf="recordsExists"> <br> <table class="table table-hover"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Actions</th> </tr> ...