编程 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函数

Oct 16 Javascript

JQuery文本框高亮显示插件代码

Apr 02 Javascript

jquery 3D 标签云示例代码

Jun 12 Javascript

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

May 29 Javascript

JavaScript的Polymer框架中dom-repeat与VM的相关操作

Jul 29 Javascript

基于JavaScript实现根据手机定位获取当前具体位置（X省X市X县X街道X号）

Dec 29 Javascript

Easyui的组合框的取值与赋值

Oct 28 Javascript

JS实现仿PS的调色板效果完整实例

Dec 21 Javascript

JS在浏览器中解析Base64编码图像

Feb 09 Javascript

vue通过指令(directives)实现点击空白处收起下拉框

Dec 06 Javascript

浅谈nuxtjs校验登录中间件和混入(mixin)

Nov 06 Javascript

使用AutoJs实现微信抢红包的代码

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

一个简易需要注册的留言版程序

2006/10/09 PHP

PHP通过header实现文本文件下载的代码

2010/08/08 PHP

php写的简易聊天室代码

2011/06/04 PHP

通过php动态传数据到highcharts

2017/04/05 PHP

PHP十六进制颜色随机生成器功能示例

2017/07/24 PHP

PHP连续签到功能实现方法详解

2019/12/04 PHP

Jquery知识点三 jquery表单对象操作

2011/01/17 Javascript

jQuery中hover方法和toggle方法使用指南

2015/02/27 Javascript

JQuery判断checkbox是否选中及其它复选框操作方法合集

2015/06/01 Javascript

AngularJs定制样式插入到ueditor中的问题小结

2016/08/01 Javascript

AngularJS基础 ng-cut 指令介绍及简单示例

2016/08/01 Javascript

javascript如何创建对象

2016/08/29 Javascript

jQuery版AJAX简易封装代码

2016/09/14 Javascript

JS制作适用于手机和电脑的通知信息效果

2016/10/28 Javascript

基于node搭建服务器,写接口,调接口,跨域的实例

2018/05/13 Javascript

解决循环中setTimeout执行顺序的问题

2018/06/20 Javascript

vue使用代理解决请求跨域问题详解

2019/07/24 Javascript

微信小程序webSocket的使用方法

2020/02/20 Javascript

使用C语言来扩展Python程序和Zope服务器的教程

2015/04/14 Python

Python实现压缩与解压gzip大文件的方法

2016/09/18 Python

python+matplotlib绘制旋转椭圆实例代码

2018/01/12 Python

Python简单实现控制电脑的方法

2018/01/22 Python

Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例

2018/03/15 Python

用python3教你任意Html主内容提取功能

2018/11/05 Python

Python 多个图同时在不同窗口显示的实现方法

2019/07/07 Python

Python OpenCV视频截取并保存实现代码

2019/11/30 Python

如何配置关联Python 解释器 Anaconda的教程(图解)

2020/04/30 Python

html5新特性与用法大全

2018/09/13 HTML / CSS

《分一分》教学反思

2014/04/13 职场文书

环保倡议书格式范文

2014/05/14 职场文书

计算机网络及管理学专业求职信

2014/06/05 职场文书

学校四群教育实施方案

2014/06/12 职场文书

2014年语文教学工作总结

2014/12/17 职场文书

毕业典礼致辞

2015/07/29 职场文书

2016大学生入党积极分子心得体会

2016/01/06 职场文书

Mysql数据库group by原理详解

2022/07/07 MySQL