编程 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 相关文章推荐

Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

Apr 02 Javascript

JS实现QQ图片一闪一闪的效果小例子

Jul 31 Javascript

详解Javascript 装载和执行

Nov 17 Javascript

jQuery oLoader实现的加载图片和页面效果

Mar 14 Javascript

JavaScript实现斗地主游戏的思路

Feb 29 Javascript

在javascript中使用com组件的简单实现方法

Aug 17 Javascript

javascript trie前缀树的示例

Jan 29 Javascript

一次Webpack配置文件的分离实战记录

Nov 30 Javascript

JS实现点击按钮随机生成可拖动的不同颜色块示例

Jan 30 Javascript

Jquery实现获取子元素的方法分析

Aug 24 jQuery

vue 项目软键盘回车触发搜索事件

Sep 09 Javascript

JavaScript实现瀑布流布局的3种方式

Dec 27 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

简单示例AJAX结合PHP代码实现登录效果代码

2008/07/25 PHP

php反射应用示例

2014/02/25 PHP

PHP基于新浪IP库获取IP详细地址的方法

2017/05/04 PHP

phpcmsv9.0任意文件上传漏洞解析

2020/10/20 PHP

JavaScript 学习点滴记录

2009/04/24 Javascript

8个超棒的学习 jQuery 的网站推荐收藏

2011/04/02 Javascript

JS模拟自动点击的简单实例

2013/08/08 Javascript

JS根据浏览器窗口大小实时动态改变网页文字大小的方法

2016/02/25 Javascript

JS模拟的Map类实现方法

2016/06/17 Javascript

实现easyui的datagrid导出为excel的示例代码

2016/11/10 Javascript

AngularJS过滤器filter用法分析

2016/12/11 Javascript

javascript中的深复制详解及实例分析

2016/12/29 Javascript

自定义vue组件发布到npm的方法

2018/05/09 Javascript

vue-router中scrollBehavior的巧妙用法

2018/07/09 Javascript

vue中接口域名配置为全局变量的实现方法

2018/09/20 Javascript

微信小程序的授权实现过程解析

2019/08/02 Javascript

element ui分页多选,翻页记忆的实例

2019/09/03 Javascript

js实现图片上传到服务器和回显

2020/01/19 Javascript

微信小程序实现菜单左右联动

2020/05/19 Javascript

详解ES6实现类的私有变量的几种写法

2021/02/10 Javascript

[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG

2014/05/26 DOTA

Python入门之三角函数atan2()函数详解

2017/11/08 Python

Python OpenCV处理图像之滤镜和图像运算

2018/07/10 Python

Python闭包思想与用法浅析

2018/12/27 Python

浅析python redis的连接及相关操作

2019/11/07 Python

python+tifffile之tiff文件读写方式

2020/01/13 Python

Django全局启用登陆验证login_required的方法

2020/06/02 Python

python和php学习哪个更有发展

2020/06/17 Python

生产厂厂长岗位职责

2013/12/25 职场文书

机械专业技术员求职信

2014/06/14 职场文书

找工作求职信

2014/07/07 职场文书

红色旅游心得体会

2014/09/03 职场文书

咖啡店创业计划书范文

2014/09/15 职场文书

欢迎新生标语

2014/10/06 职场文书

南京大屠杀观后感

2015/06/02 职场文书

护理培训心得体会

2016/01/22 职场文书