ng-model,ng-value,ng-bind,{{}}----angularJS數據綁定

最典型用法 雙向綁定

<input type="text" value="{{apple}}" ng-model="apple" >


ng-value 用於設置 input 或 select 元素的 value 屬性
<input ng-value="expression"></input>

ng-model  <input>, <select>, <textarea>, 元素支持該指令。
<element ng-model="name"></element>


ng-bind 指令告訴 AngularJS 使用給定的變量或表達式的值來替換 HTML 元素的內容。

如果給定的變量或表達式修改了,指定替換的 HTML 元素也會修改。所有的 HTML 元素都支持該指令。

<element ng-bind="expression"></element>

或作爲 CSS 類:

<element class="ng-bind: expression"></element>


AngularJS 表達式寫在雙大括號內:{{ expression }}

AngularJS 表達式把數據綁定到 HTML,這與 ng-bind 指令有異曲同工之妙。

AngularJS 將在表達式書寫的位置"輸出"數據。


發佈了40 篇原創文章 · 獲贊 7 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章