Skip to Main Content
Hands-On Full Stack Web Development with Angular 6 and Laravel 5
book

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

by Fernando Monteiro
July 2018
Intermediate to advanced content levelIntermediate to advanced
420 pages
8h 46m
English
Packt Publishing
Content preview from Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Adding template bindings to the bike-detail page

Now, let's make some adjustments to the bike-detail page template:

  1. Open ./Client/src/app/bikes/bike-detail/bike-detail.component.html.

  2. Replace its content with the following code:
 <main role="main"> <div class="py-5"> <div class="container"> <div *ngIf="isLoading" class="spinner"> <div class="double-bounce1"></div> <div class="double-bounce2"></div> </div> <ngb-tabset type="pills" *ngIf="!isLoading"> <ngb-tab title="Bike Detail"> <ng-template ngbTabContent> <br> <div class="row"> <div class="col-md-4"> <img class="card-img-top" src="{{ bike?.picture }}" alt="Card image cap"> </div> <div class="col-md-8"> <div class="card"> <div class="card-body"> <h5 class="card-title">{{ bike?.model }} ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Laravel: Up and Running

Laravel: Up and Running

Matt Stauffer
Building Large-Scale Web Applications with Angular

Building Large-Scale Web Applications with Angular

Chandermani Arora, Kevin Hennessy, Christoffer Noring, Doguhan Uluca

Publisher Resources

ISBN: 9781788833912Supplemental Content