angular組件

參考大漠窮秋老師的教程：https://my.oschina.net/mumu/blog/834254

內容提要

• 組件
  TS代碼、模板（數據綁定、事件綁定）、外觀與動效、把服務注入給組件
• 組件間通訊
  @Input與@Output、藉助於Service
• ContentChild與ViewChild 高級內容，暫時沒提
• 生命週期鉤子
• 管道

數據綁定

插值表達式綁定

export class AppComponent {
  title = 'Tour of Heroes';
  hero = 'Windstorm';
}

template: `<h1>{{title}}</h1><h2>{{hero}} details!</h2>`

雙向綁定

<input [(ngModel)]="hero.name" placeholder="name">