title: Angular 2 Component not displaying
body: <p>I have the following component, which when my router routes to, I get the following screen:</p>
  
  <p><a href="https://i.stack.imgur.com/VwZw0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VwZw0.png" alt="enter image description here"></a></p>
  
  <p>Here is the component:</p>
  
  <pre><code>import { Component } from 'angular2/core';
  import { Router } from 'angular2/router';
  import { UserService } from '../services/user.service';
  
  @Component({
    selector: 'login',
    template: 'client/dev/user/templates/login.html',
    styleUrls: ['client/dev/todo/styles/todo.css'],
    providers: []
  })
  export class LoginComponent {
    constructor(
      private userService: UserService, 
      private router: Router
    ) { }
  
    onSubmit(email, password) {
      this.userService.login(email, password).subscribe((result) =&gt; {
        if (result) {
          this.router.navigate(['Home']);
        }
      });
    }
  }
  </code></pre>
  
  <p>Why isn't this rendering properly?</p>
  
  <p>NB: If I change the route to use a different component, it works fine, so I think it is this specific component, or possibly some dependancy issues. </p>