AngularJS ng-bind 指令簡單實現(xiàn)
AngularJS ng-bind 指令
AngularJS 實例
綁定 <p> 內(nèi)的 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 元素的內(nèi)容。
如果給定的變量或表達式修改了,指定替換的 HTML 元素也會修改。
語法
<element ng-bind="expression"></element>
或作為 CSS 類:
<element class="ng-bind: expression"></element>
所有的 HTML 元素都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 指定要執(zhí)行的變量或表達式。 |
以上就是對AngularJS ng-bind 指令的詳細介紹,有需要的朋友可以參考下。
相關文章
使用Angular CDK實現(xiàn)一個Service彈出Toast組件功能
本文主要寫用cdk實現(xiàn)一個簡單的Toast組件,使用的是cdk中的overlay模塊,需要手動安裝環(huán)境,具體安裝方法及相關實現(xiàn)代碼跟隨小編一起看看吧2021-07-07angular2中router路由跳轉navigate的使用與刷新頁面問題詳解
這篇文章主要給大家介紹了angular2中router路由跳轉navigate的使用與刷新頁面問題的相關資料,文中介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-05-05angular框架實現(xiàn)全選與單選chekbox的自定義
這篇文章主要介紹了angular框架實現(xiàn)全選與單選chekbox的自定義,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07