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

在控制檯谷歌瀏覽器每次顯示錯誤：沒有在TestComponent上找到指令註釋。爲什麼找不到？文件的名稱是test.component.ts。

Answer 1

拼寫錯誤。添加@之前的組件。

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

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

}