Winkel 2 - Keine Richtlinie Anmerkung auf Testcomponent gefunden

Question

Angular Version 2.0.0-rc.4

test.component.ts

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

Component({ 
    selector: 'test', 
    templateUrl: 'templates/test.tpl.html' 
}) 

export class TestComponent{ 

} 

my-component.component.ts

import {Component} from "@angular/core"; 
import {OnInit} from "@angular/core"; 
import {TestComponent} from "./test.component"; 

@Component({ 
    selector: 'my-component', 
    template: ` 
     I am <span [style.color]="inputElement.value === 'yes' ? 'red' : '' ">{{name}}</span>. 
     <br> 
     <br> 
     <span [class.it-awesome]="inputElement.value==='yes'">It awesome!</span> 
     <input type="text" #inputElement (keyup)="0"/> 
     <button [disabled]="inputElement.value !=='yes'">Only enabled if 'yes' was entered </button> 
     <test></test> 
    `, 
    styleUrls: ['assets/scss/mycomponent.scss'], 
    directives: [TestComponent] 

}) 
export class MyComponentComponent implements OnInit { 
    name: string; 

    ngOnInit():any { 
     this.name = "Dima"; 
    } 
} 

In der Konsole Google Chrome jedes Mal Anzeige Fehler: Keine Richtlinie Annotation auf TestComponent gefunden. Warum nicht gefunden? Name der Datei ist test.component.ts.

Answer 1

Es liegt ein Schreibfehler vor. Fügen Sie eine @ before-Komponente hinzu.

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

@Component({ 
    selector: 'test', 
    templateUrl: 'templates/test.tpl.html' 
}) 
export class TestComponent{ 

}