Angular2 Routing : Loading twice

Question

I am using Angular2 with routing and my page is showing duplicate content on initial load. Once i click any Link(Page1 or Page2) everything works perfect(there is no more du

Answer 1

The AppComponent shouldn't be part of the routing. It's what holds the root outlet.

{ path: '', component: AppComponent },

What you should do instead for the base path, is decide what component/path should be the default view, then redirect to the path. For instance if the page1 should be the default view, then do

{ path: '', redirectTo: 'page1', pathMatch: 'full' },