2016-09-14 5 views
0

Привет, я изучаю angular2, поэтому я придумал эту ошибку, не знаю почему. Это просто, пожалуйста, помогите мне решить. У меня есть два компонента, попробуйте использовать селектор из других компонентов в шаблоне первого компонента. Компонент импортирован, поэтому я не знаю, почему я получаю ошибку.Angular 2 Unhandled Promise rejection: ошибки шаблона шаблона

Unhandled Promise rejection: Template parse errors: 
'playlist' is not a known element: 

первый компонент

import { Component } from '@angular/core'; 
import { ProductListComponent } from './product.component'; 
import { Video } from './video'; 
import { PlaylistComponent } from './playlist.component'; 
@Component({ 
    selector: 'my-app', 
    templateUrl: 'app/app.component.html', 
    directives: [PlaylistComponent] 

}) 
export class AppComponent { 

    head =ProductListComponent.MAIN 
    videos = Array<Video>; 

    constructor(){ 
    this.video = new Video(1,'youtube','axaEfeaS','Ovo je mnogo lepa deskripcija'); 
    } 
} 

второй компонент

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'playlist', 
    templateUrl: 'app/playlist.component.html', 

}) 
export class PlaylistComponent { 

} 

html app.component file 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 

</head> 
<body> 
<div><playlist></playlist></div> 
</body> 
</html> 

Помощь нужна TNX

+0

Хотя это не повлияет на вашу проблему, я просто хотел сказать, что ваш 'app.component.html' не должен иметь тег html, head, body' –

+0

Я не думаю, что вам нужен html, голова и теги тела, поскольку об этом заботится index.html. Удалите все это из файла app.component.html и удалите теги div, содержащие теги . Все, что вам нужно, это теги плейлистов. Каковы результаты после этого? –

+0

предупреждение не работает –

ответ

0

Если вы находитесь на версии 2.0.0, свойство директивы в @Component является устаревшим. Он был доступен через большую часть бета-версии, но недавно удален в RC.

Вам необходимо ознакомиться с самой последней документацией. Вам нужно будет реализовать ngModule для передачи этого компонента.

+0

thats right hese –

Смежные вопросы