2016-03-25 6 views
1

У меня есть следующий компонент, который, когда мое Маршрутизирование, я получаю следующее окно:Угловых 2 Компонент не отображая

enter image description here

Вот компонент:

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']); 
     } 
    }); 
    } 
} 

Почему ISN Это правильно?

NB: Если я изменю маршрут для использования другого компонента, он отлично работает, поэтому я думаю, что это конкретный компонент или, возможно, некоторые проблемы с зависимостью.

+0

Здесь решение было использовать правильное имя тега в HTML. Селектор - это не имя класса по магии, а строка, содержащаяся в 'selector'. – koppor

ответ

3

Вы должны использовать templateUrl вместо template в Component декоратора:

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