February 2019
Intermediate to advanced
446 pages
10h 55m
English
We have added a table to display the list of restaurants. A new Angular directive, ngFor, is used to iterate the restaurants$ array that was created in the component.ts file. Here, we are also using an Angular directive, routerLink, for creating a link that navigates to the restaurant details and reservation page. The restaurant ID is passed in the URI that's assigned to the routerLink value. This ID is then used by the restaurant component (details and reservation component) to render the restaurant details represented by the given ID:
<br><h3>Famous Gourmet Restaurants in Paris</h3><br><br><form class="nav form-inline"> <input type="search" #searchBox (keyup.enter)="searchRestaurants(searchBox.value)" ...
Read now
Unlock full access