AngularJS ng-bind 指令简单实现


Posted in Javascript onJuly 30, 2016

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 指令的详细介绍,有需要的朋友可以参考下。

Javascript 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
javascript iframe中打开文件,并检测iframe存在否
Dec 28 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
详解Vuejs2.0之异步跨域请求
Apr 20 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
红黑树的插入详解及Javascript实现方法示例
Mar 26 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
AngularJS ng-app 指令实例详解
Jul 30 #Javascript
如何检测JavaScript的各种类型
Jul 30 #Javascript
详解js中的apply与call的用法
Jul 30 #Javascript
javascript回到顶部特效
Jul 30 #Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 #Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 #Javascript
分享jQuery封装好的一些常用操作
Jul 28 #Javascript
You might like
PHP 开源AJAX框架14种
2009/08/24 PHP
php输出表格的实现代码(修正版)
2010/12/29 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
2020/03/26 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
python动态监控日志内容的示例
2014/02/16 Python
Python发送email的3种方法
2015/04/28 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
python之拟合的实现
2019/07/19 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python实发邮件实例详解
2019/11/11 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
python中if嵌套命令实例讲解
2021/02/25 Python
北京SQL新华信咨询
2016/09/30 面试题
介绍一下XMLHttpRequest对象
2012/02/12 面试题
会计自我鉴定范文
2013/10/06 职场文书
统计岗位职责
2014/02/21 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
Python 循环读取数据内存不足的解决方案
2021/05/25 Python