Finally, we need an HTML template to render the country data on the screen. Each Angular component has one HTML template associated with a @Component decorator. For our first screen to show the list of countries, the HTML template looks as follows:
<form name="searchCountriesForm" novalidate (ngSubmit)="searchCountries()"> <div class="container mb-5"> <div class="row"> <div class="col-6"> <label class="form-control-label" jhiTranslate="gdpApp.country.name" for="nameFilter">Name</label> <input type="text" class="form-control" name="nameFilter" id="nameFilter" [(ngModel)]="nameFilter" maxlength="52"/> </div> <div class="col-4"> <label class="form-control-label" jhiTranslate="gdpApp.country.continent" ...