编程 Javascript

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 元素也会修改。

语法

或作为 CSS 类：

所有的 HTML 元素都支持该指令。

参数值

值	描述
expression	指定要执行的变量或表达式。

以上就是对AngularJS ng-bind 指令的详细介绍，有需要的朋友可以参考下。

AngularJS ng-bind 指令简单实现

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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