角2组件不显示

Question

我有以下的组成部分，它在我的路由器路线，我得到了以下画面：

以下是部分：为什么ISN

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) => { 
     if (result) { 
     this.router.navigate(['Home']); 
     } 
    }); 
    } 
} 

这个渲染是否正确？

注意：如果我更改路由以使用不同的组件，它工作正常，所以我认为它是这个特定的组件，或者可能是一些依赖性问题。

Answer 1

您需要在Component装饰用templateUrl而不是template：

@Component({ 
    selector: 'login', 
    templateUrl: 'client/dev/user/templates/login.html', // <----- 
    styleUrls: ['client/dev/todo/styles/todo.css'], 
    providers: [] 
}) 
export class LoginComponent { 
    (...) 
}