![Data binding
COMPONENT
TEMPLATE
{{ value }}
[property]=“value”
(event)=“handler”
[(ngModel)] = “property”](https://image.slidesharecdn.com/angularfrombasictoadvence09082-200907170825/85/Angular-57-320.jpg)
![Data binding
<input [ngModel]=“hero.name”>
<input (ngModelChange)=“handler($event)”>](https://image.slidesharecdn.com/angularfrombasictoadvence09082-200907170825/85/Angular-59-320.jpg)
Angular從入門到實戰（二）
- 1. Angular 從入⾨到實戰 - 核⼼八元素（上）
- 2. • 「Angular 深入淺出三⼗天」 • 「Angular Schematics 實戰三⼗天」 • Perkd Taiwan 陳志龍（Leo 李歐）
- 3. • 開發環境與專案建置 • 核⼼八元素？ • Modules、Components、Metadata、Template、Data binding • Q&A ⼤綱
- 4. 開發環境與專案建置
- 5. 開發環境與專案建置
- 6. 開發環境與專案建置
- 10. 開發環境與專案建置
- 15. 核⼼八元素？
- 16. 核⼼八元素？ • 模組（Module） • 元件（Component） • 樣板（Templete） • 中繼資料（Metadata） • 數據綁定（Data binding） • 指令（Directive） • 服務（Service） • 依賴注入（Dependency injection）
- 17. Module
- 18. Module • 模組 • NgModule • AppModule（Root Module）
- 19. Module
- 20. Module 匯入模組
- 21. Module 類別
- 22. Module 裝飾器
- 28. Component
- 29. Component • 元件
- 30. Component
- 31. Component 匯入模組
- 32. Component Class
- 33. Component 裝飾器
- 35. Component 推薦
- 36. Component 不推薦
- 37. Metadata
- 39. Metadata 裝飾器
- 40. Metadata 裝飾器
- 41. Metadata
- 42. Metadata
- 43. Metadata
- 44. Template
- 46. Template
- 48. Template
- 49. Template 插值表達式
- 50. Template
- 51. Template
- 52. Template
- 53. Template
- 54. • 不⽀援位元運算「|」和「&」 • 函式（ count();） • Pipe（item | json） • 可在插值表達式裡做的事： • 賦值（ = , +=, -=, … ） • 「new」運算符（new Date()） • 使⽤「;」或「,」的鏈式表達式 • ⾃增或⾃減操作符（++ 和 —） Template
- 55. Data binding
- 57. Data binding COMPONENT TEMPLATE {{ value }} [property]=“value” (event)=“handler” [(ngModel)] = “property”
- 58. Data binding
- 59. Data binding <input [ngModel]=“hero.name”> <input (ngModelChange)=“handler($event)”>
- 60. Data binding
- 61. Data binding
- 62. Q&A
- 63. 相關連結 Angular Taiwan 臉書社團 Angular Taiwan 論壇 Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道
- 64. 感謝收看