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