角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 { 
    (...) 
}