Angular2組件能夠這麼理解:編寫一個類,而後在類的上面用組件裝飾器裝飾一下,這個類就成組件了。spa
因此編寫組件分兩步:1)編寫類;2)編寫裝飾器code
1)編寫類:component
export class SimpleComponent {}
2)在類上面編寫裝飾器:blog
@Component({ selector: 'simple-component', template: `Hello Simple Component!` })
完整代碼以下:模板
@Component({ selector: 'simple-component', template: `Hello Simple Component!` }) export class SimpleComponent {}
同理,模板、指令、服務、管道也能夠這麼理解。class