title: Nested router-outlet in angular 5.2.0
body: <p>I have problem with nesting routes in Angular when it comes to lot of childs.</p>
  
  <p>Here is my RouteConfig:</p>
  
  <pre><code>{
      path: '',
      canActivate: [Auth],
      component: LayoutComponent,
      children: [
      {
          path: 'administrator',
          component: AdministratorComponent,
          canActivate: [Role],
          children: [
          {
              path: "users",
              component: UsersComponent,
              children: [
              {path: ':page', component: UsersComponent},
              {
                  path: 'preview',
                  children: [
                      {path: ':id', component: UsersComponent}
                  ]
              },
              {path: 'add', component: UsersEditComponent},
              {
                  path: 'edit',
                  children: [
                     {path: ':id', component: UsersEditComponent}
                  ]
              }
              ]
          },
          {path: "params", component: ParamsComponent}
      ]
  }
  </code></pre>
  
  <p>}</p>
  
  <p>The problem shows on routes 
  <code>/administrator/users/add</code>
  <code>/administrator/users/edit/{id}</code>
  <code>/administrator/users/preview/{id}</code>
  because of nested router-outlet </p>
  
  <p>My app.component.html</p>
  
  <pre><code>&lt;router-outlet (deactivate)="onDeactivate()"&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>My AdministratorComponent</p>
  
  <pre><code>&lt;div class="col s12"&gt;
      &lt;div class="row tab-content"&gt;
          &lt;router-outlet&gt;&lt;/router-outlet&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the AdministratorComponent I dynamicly load UsersComponent or ParamsComponent, I am interested in UsersComponent in this case, it looks like this:</p>
  
  <pre><code>&lt;div class="users-table"&gt;    
  &lt;!--some code--!&gt;
      &lt;a [routerLink]="['/administrator', 'users', 'add']" routerLinkActive="active"&gt;Add&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now what I want to archive is to make this <code>&lt;a&gt;</code> element to work in router-outlet from AdministratorComponent, is that possible? If not, how I should refactor that? I need some fresh idea, because I got stuck.
  I hope that my question is clear to understand.</p>
  
  <p>Thanks for any help.</p>