1. 程式人生 > >Angular2-編寫一個簡易的組件

Angular2-編寫一個簡易的組件

span 裝飾器 cto 理解 log 完整 col 編寫 {}

  Angular2組件可以這麽理解:編寫一個類,然後在類的上面用組件裝飾器裝飾一下,這個類就成組件了。

  所以編寫組件分兩步:1)編寫類;2)編寫裝飾器

  1)編寫類:

export class SimpleComponent {}

  2)在類上面編寫裝飾器:

@Component({
   selector: ‘simple-component‘,
   template: `Hello Simple Component!`  
})

  完整代碼如下:

@Component({
   selector: ‘simple-component‘,
   template: `Hello Simple Component
!` }) export class SimpleComponent {}

  同理,模板、指令、服務、管道也可以這麽理解。

Angular2-編寫一個簡易的組件