2の角度 - TestComponent

Question

アンギュラバージョン2.0.0-rc.4

test.component.ts

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

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

export class TestComponent{ 

} 

私-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"; 
    } 
} 

コンソールのGoogle Chromeで毎回表示エラーが発生しました：No TestComponentでディレクティブアノテーションが見つかりませんでした。なぜ見つからないの？ファイル名はtest.component.tsです。

Answer 1

スペルミスがあります。 @ beforeコンポーネントを追加します。

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

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

}