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网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
js下将金额数字每三位一逗号分隔
Feb 19 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
Jun 18 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
js实现随机数小游戏
Jun 28 Javascript
基于JavaScript实现大文件上传后端代码实例
Aug 18 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自定义函数之递归删除文件及目录
2010/08/08 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
微信小程序加载更多 点击查看更多
2016/11/29 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
angular实现IM聊天图片发送实例
2017/05/08 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
微信小程序文章详情功能完整实例
2020/06/03 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Python3匿名函数用法示例
2018/07/25 Python
对web.py设置favicon.ico的方法详解
2018/12/04 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
python dict如何定义
2020/09/02 Python
财务人员求职自荐书范文
2014/02/10 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
个人借款协议书范本
2014/11/17 职场文书
客服专员岗位职责
2015/02/10 职场文书
党课主持词大全
2015/06/30 职场文书
财务管理制度范本
2015/08/04 职场文书
初中数学教学随笔
2015/08/15 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书
python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
2021/04/14 Python
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python