AngularJS ng-bind 指令简单实现
AngularJSng-bind指令
AngularJS实例
绑定<p>内的innerHTML到变量myText:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <divng-app=""ng-init="myText='HelloWorld!'"> <png-bind="myText"></p> </div> </body> </html>
运行结果：
HelloWorld!
定义和用法
ng-bind指令告诉AngularJS使用给定的变量或表达式的值来替换HTML元素的内容。
如果给定的变量或表达式修改了，指定替换的HTML元素也会修改。
语法
<elementng-bind="expression"></element>
或作为CSS类：
<elementclass="ng-bind:expression"></element>
所有的HTML元素都支持该指令。
参数值
值
描述
expression
指定要执行的变量或表达式。
以上就是对AngularJSng-bind指令的详细介绍，有需要的朋友可以参考下。