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

Template data binding 

Now that we have a service that connects to an API endpoint and receives a JSON file, let's make some small changes to our views, known as templates in the Angular world. The templates are the HTML files inside of the module folder:

1. Open src/app/app.component.html and remove all of the code before the <router-outlet></route-outlet> tags.
2. Open src/app/beers/beers.component.html and add the following code, right after the beers works paragraph:

<div class="row">    <div class="col" href="" *ngFor="let item of beersList">        <figure>            <img [src]="item.image_url" [alt]="item.name" />        <figcaption>            <h1>{{item.name}}</h1>                <p>{{item.tagline}}</p>        </figcaption>        </figure>    </div></div>

Note that we are using the curly brace template ...