title: angular 2 routing unexpected behaviour
body: <p><a href="https://i.stack.imgur.com/1EiRg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1EiRg.png" alt="to see structure see this image"></a>
  I was doing exercise in Angular 2 routing and was able to create and run the project in Angular-2.
  when I run the application it works fine if used 2 layer routing.
  but when I increase routing layer to 3 it behaves unexpected.</p>
  
  <p>There is one app module in which I am loading application.
  then I have created separate modules for signin, signup and baselayout for others.
  after login I want to use base layout as my app layout and want to load everything inside baselayout so that header and footer can be consistent.</p>
  
  <p>and for each functionality I have created separate modules like DivisionModule, OrganizationModule and I want to load these two modules inside baselayout module but when I load any component of DivisionModule it directly loads inside app module not inside baselayout.</p>
  
  <p>here is git url of my project.</p>
  
  <p><a href="https://github.com/sushilraj786/Angular.git" rel="nofollow noreferrer">https://github.com/sushilraj786/Angular.git</a></p>
  
  <p>When I access signin or signup it works but when I try to access app/Organization/edit or app/organization/list or app/division/edit or app/division/list it loads under app module not under baseLayout module.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks
  Sushil</p>