编程 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中将字符串转换成json的三种方式

Jan 12 Javascript

jquery实现图片裁剪思路及实现

Aug 16 Javascript

JS.elementGetStyle(element, style)应用示例

Sep 24 Javascript

全面解析Bootstrap排版使用方法（文字样式）

Nov 30 Javascript

基于Bootstrap重置输入框内容按钮插件

May 12 Javascript

JS判断form内所有表单是否为空的简单实例

Sep 09 Javascript

js每隔两秒输出数组中的一项(实例)

May 28 Javascript

用Vue-cli搭建的项目中引入css报错的原因分析

Jul 20 Javascript

jQuery实现鼠标移到某个对象时弹出显示层功能

Aug 23 jQuery

Vue调用后端java接口的实例代码

Oct 28 Javascript

Preload基础使用方法详解

Feb 03 Javascript

javascript遍历对象的五种方式实例代码

Oct 24 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/01 PHP

关于Zend Studio 配色方案插件的介绍

2013/06/24 PHP

php fsockopen解决办法 php实现多线程

2014/01/20 PHP

分享php分页的功能模块

2015/06/16 PHP

php执行多个存储过程的方法【基于thinkPHP】

2016/11/08 PHP

ajax提交表单实现网页无刷新注册示例

2014/05/08 Javascript

AngularJS 日期格式化详解

2015/12/23 Javascript

jQuery取消特定的click事件

2016/02/29 Javascript

AngularJS入门教程之链接与图片模板详解

2016/08/19 Javascript

使用nodejs下载风景壁纸

2017/02/05 NodeJs

vue.js轮播图组件使用方法详解

2018/07/03 Javascript

javaScript实现游戏倒计时功能

2018/11/17 Javascript

微信小程序实现点击按钮后修改颜色

2019/12/05 Javascript

js实现数字跳动到指定数字

2020/08/25 Javascript

jQuery实现穿梭框效果

2021/01/19 jQuery

Zabbix实现微信报警功能

2016/10/09 Python

Python使用defaultdict读取文件各列的方法

2017/05/11 Python

对python 读取线的shp文件实例详解

2018/12/22 Python

Python 中使用 PyMySQL模块操作数据库的方法

2019/11/10 Python

python 截取XML中bndbox的坐标中的图像,另存为jpg的实例

2020/03/10 Python

Python Sqlalchemy如何实现select for update

2020/10/12 Python

英国在线药房和在线医生：LloydsPharmacy

2019/10/21 全球购物

Pharmacy Online中文直邮网站：澳洲大型药房

2020/06/27 全球购物

医学生实习自我鉴定

2013/09/27 职场文书

应届生学校辅导员求职信

2013/11/07 职场文书

大学班长的职责

2014/01/27 职场文书

幼儿园亲子活动总结

2014/04/26 职场文书

答谢会策划方案

2014/05/12 职场文书

优秀共青团员事迹材料

2014/12/25 职场文书

关于召开会议的通知

2015/04/15 职场文书

写给纪委的违纪检讨书

2015/05/05 职场文书

社区青年志愿者活动总结

2015/05/06 职场文书

千与千寻观后感

2015/06/04 职场文书

导游词之上海豫园

2019/10/24 职场文书

Pyhton模块和包相关知识总结

2021/05/12 Python

浅析MongoDB之安全认证

2021/06/26 MongoDB