angular2:數據綁定的基本概念

前面有寫到input的雙向數據綁定，但除了雙向數據綁定外，還存在單向數據綁定的概念，比如angular2:組件間的屬性如何綁定一文中介紹的屬性綁定。

angular數據綁定的語法有四種形式，每種形式都有一個方向：

  1. {{ variable }} : 插值表達式。方向是從COMPONENT--->DOM。
  2. [property]="variable" : 屬性綁定。方向同樣是從COMPONENT-->DOM。
  3. (event)="handler" : 事件綁定。方向是DOM-->COMPONENT。
  4. [(ngModel)]="variable" : 雙向數據綁定。方向是雙向的 DOM<-->COMPONENT。
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 學習資料來自 Angular.cn 與 Angular.io。 模板語法 在線例子 在 Angular 中，組件扮...
    小鐳Ra閱讀 3,768評論 0贊 3
  • 數據綁定為應用程序提供了一種簡單一致的機制，來管理與協調數據的顯示，以及數據值的變化。angular提供了多種數據...
    oWSQo閱讀 729評論 0贊 1
  • Angular 2 是一個用 HTML 和 JavaScript 或者一個可以編譯成 JavaScript 的語言...
    趙然228閱讀 679評論 1贊 4
  • 有這么一個故事。 三個人將要被關進監獄10年。 在入獄前，監獄長答應滿足他們每人一個要求。第一個是俄國人。俄國人愛...
    田樂淘閱讀 6,803評論 26贊 178
  • 你以為你是世界的中心，但你不是。 你認為你是父母最愛的孩子，但你別忘了你還有其他的兄弟姐妹；你以為你...
    木訥huan閱讀 176評論 0贊 0