AngularJs Include Partial Template

Question

I\'ve this in my main layout file

Answer 1

From Angular 2, ngInclude has been removed and custom directives are preferred. This is the way I come up with

1. Define the main component for your app, which link to the master page

       @View({
           templateUrl:   'client/app/layout/main.html',
           directives: [ROUTER_DIRECTIVES, Navigation, Footer]
       })
       @Component({selector: 'app'})
       @RouteConfig(
           routerConfig
       )
       class MainComponent {
       }
   

And this is the main template

2. Define a base.html, which will contain the body tag and the app tag

Loading ...

3. Now, final step is defining the components for Navigation and Footer like the MainComponent, which point to your partial templates