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 页面关闭前的出现提示的实现代码
May 25 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
angular中使用路由和$location切换视图
Jan 23 Javascript
angularJS中router的使用指南
Feb 09 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
jquery实现清新实用的网页菜单效果
Aug 28 Javascript
学习JavaScript设计模式之责任链模式
Jan 18 Javascript
React组件生命周期详解
Jul 03 Javascript
vue.js,ajax渲染页面的实例
Feb 11 Javascript
基于vue、react实现倒计时效果
Aug 26 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
分页显示Oracle数据库记录的类之二
2006/10/09 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
基于jquery的多功能软键盘插件
2012/07/25 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
Bootstrap与Angularjs的模态框实例代码
2017/08/03 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python中zip和unzip数据的方法
2015/05/27 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
python实现多人聊天室
2020/03/31 Python
python实现超市商品销售管理系统
2019/11/22 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
浅析Python迭代器的高级用法
2020/07/16 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
python中re模块知识点总结
2021/01/17 Python
详解HTML5中ol标签的用法
2015/09/08 HTML / CSS
十八大报告观后感
2014/01/28 职场文书
理财学专业自荐书
2014/06/28 职场文书
信用卡工作证明模板
2014/09/14 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
我是特种兵观后感
2015/06/11 职场文书
欢送会主持词
2015/07/01 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
简历自我评价范文
2019/04/24 职场文书
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS
JavaScript数组 几个常用方法总结
2021/11/11 Javascript