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

Refactoring app.component.html

As we discussed previously, let's now make our views a little more attractive.

Let's add our navigation component. For now, we will not put content in this file; we'll do that later on.

Open ./Client/src/app/app.component.html and replace the code with the following:

 <app-nav></app-nav>
 <router-outlet></router-outlet>
     <footer  class="footer">
     <div  class="pl-3">
         <span  class="text-muted">2018 &copy; All Rights         Reserved</span>
     </div>
     </footer>

Note that the preceding code doesn't have any content right now – just a simple markup for footer notes. In the next section, you will see how to add something more interesting.