title: 'router-outlet' not working without a 'routerLink' on the main template
body: <p>I've just created a new angular project using the <strong>Angular CLI</strong> and scaffolded a new route <strong>user</strong> in it using the following commands.</p>
  
  <pre><code>ng new myproj
  cd myproj 
  ng g route user
  </code></pre>
  
  <p>And then I ran the <strong>Angular CLI</strong> server using <code>ng serve</code>.</p>
  
  <p>But I can't see the content of the login template when I access the page <code>/login</code> unless I add a link to some route, i.e:</p>
  
  <pre><code>&lt;a [routerLink]="['/user']"&gt;User Info&lt;/a&gt;
  </code></pre>
  
  <p>When I add the line above, then the <code>router-outlet</code> gets filled, but if I strip out this line, then the <code>router-outlet</code> renders empty again.</p>
  
  <p>What's happening here?</p>
  
  <p><strong>Does someone know why is this happening?</strong></p>
  
  <h2>Example files</h2>
  
  <h3>/src/app/myproj.component.ts</h3>
  
  <pre><code>import { Component } from '@angular/core';
  import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from '@angular/router';
  
  @Component({
    moduleId: module.id,
    selector: 'myproj-app',
    templateUrl: 'myproj.component.html',
    styleUrls: ['myproj.component.css'],
    directives: [ROUTER_DIRECTIVES],
    providers: [ROUTER_PROVIDERS]
  })
  @Routes([
    {path: '/user', component: UserComponent}
  ])
  export class MyprojAppComponent {
    title = 'Main Component working!';
  }
  </code></pre>
  
  <h3>/src/app/myproj.component.html</h3>
  
  <pre><code>&lt;h1&gt;{{title}}&lt;/h1&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>And the non-understandable workaround</p>
  
  <pre><code>&lt;a [routerLink]="['/user']"&gt;User Info&lt;/a&gt;
  </code></pre>
  
  <h3>/src/app/+user/user.component.ts</h3>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    moduleId: module.id,
    selector: 'app-user',
    templateUrl: 'user.component.html',
    styleUrls: ['user.component.css']
  })
  export class UserComponent implements OnInit {
  
    constructor() {}
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <h3>/src/app/+user/user.component.html</h3>
  
  <pre><code>&lt;p&gt;
    It should be showing but it isn't!
  &lt;/p&gt;
  </code></pre>