2016-09-14 2 views
0

Hallo ich lerne angular2, so kam ich mit diesem Fehler keine Ahnung warum. Das ist einfach, bitte hilf mir zu lösen. Ich habe zwei Komponenten, versuche Selektor aus anderen Komponenten in der Vorlage der ersten Komponente zu verwenden. Komponente wird importiert, also weiß ich nicht, warum ich Fehler erhalte.Angular 2 Unhandled Promise Ablehnung: Template Parse Fehler

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

erste Komponente

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

zweite Komponente

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> 

Hilfe tnx benötigt

+0

Obwohl es Ihr Problem nicht beheben würde, wollte ich nur sagen, Ihre 'app.component.html' muss nicht' html, head, body' Tag haben –

+0

Ich glaube nicht, dass Sie die HTML benötigen, Head- und Body-Tags, wie sie von index.html verwaltet werden. Entfernen Sie alles aus Ihrer app.component.html-Datei und entfernen Sie die div-Tags, die die Tags enthalten. Alles, was Sie brauchen, sind die Playlist-Tags. Was sind die Ergebnisse danach? –

+0

alarm alarm funktioniert nicht –

Antwort

0

Wenn Sie auf Version 2.0.0 sind, ist die Richtlinien Eigentum in @Component obsolet. Es war durch viel Beta verfügbar, aber kürzlich in den RCs entfernt.

Sie müssen sich die neueste Dokumentation ansehen. Sie müssen ein ngModule implementieren, um diese Komponente zu übergeben.

+0

das ist richtig hese –

Verwandte Themen