AngularJS ng-bind 指令
AngularJS 實例
綁定 <p> 內的 innerHTML 到變量 myText:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="" ng-init="myText='Hello World!'"><p ng-bind="myText"></p></div></body></html>
運行結果：
Hello World!
定義和用法
ng-bind 指令告訴 AngularJS 使用給定的變量或表達式的值來替換 HTML 元素的內容。
如果給定的變量或表達式修改了，指定替換的 HTML 元素也會修改。
語法
<element ng-bind="expression"></element>
或作為 CSS 類：
<element class="ng-bind: expression"></element>
所有的 HTML 元素都支持該指令。
參數值
| 值 | 描述 |
|---|---|
| expression | 指定要執行的變量或表達式。 |
以上就是對AngularJS ng-bind 指令的詳細介紹，有需要的朋友可以參考下。
新聞熱點
疑難解答
