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

符合W3C网页标准的iframe标签的使用方法

Jul 19 Javascript

清空上传控件input file的值

Jul 03 Javascript

jQuery 关于伪类选择符的使用说明

Apr 24 Javascript

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

Mar 03 Javascript

javascript实现unicode与ASCII相互转换的方法

Dec 10 Javascript

JS实现iframe自适应高度的方法示例

Jan 07 Javascript

Angular.js中ng-include用法及多标签页面的实现方式详解

May 07 Javascript

AngularJS中使用ngModal模态框实例

May 27 Javascript

深入讲解xhr（XMLHttpRequest）/jsonp请求之abort

Jul 26 Javascript

基于Vue插入视频的2种方法小结

Apr 02 Javascript

javascript Canvas动态粒子连线

Jan 01 Javascript

Vue项目前后端联调(使用proxyTable实现跨域方式)

Jul 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将数据导入到Foxmail

2006/10/09 PHP

PHP5 安装方法

2007/01/15 PHP

php编程实现获取excel文档内容的代码实例

2011/06/28 PHP

php抓取页面的几种方法详解

2013/06/17 PHP

js获取select标签选中值的两种方式

2014/01/09 Javascript

通过遮罩层实现浮层DIV登录的js代码

2014/02/07 Javascript

jQuery浏览器CSS3特写兼容实例

2015/01/19 Javascript

鼠标悬停小图标显示大图标

2016/01/22 Javascript

解析Javascript单例模式概念与实例

2016/12/05 Javascript

BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法

2016/12/08 Javascript

Node.JS文件系统解析实例详解

2017/05/15 Javascript

JavaScript中var、let、const区别浅析

2018/06/24 Javascript

Vue的watch和computed方法的使用及区别介绍

2018/09/06 Javascript

微信小程序实现顶部下拉菜单栏

2018/11/04 Javascript

小程序的上传文件接口的注意要点解析

2019/09/17 Javascript

Vue中axios拦截器如何单独配置token

2019/12/27 Javascript

JavaScript单线程和任务队列原理解析

2020/02/04 Javascript

[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访神秘商人痛陈生计不易

2018/04/05 DOTA

仅用50行Python代码实现一个简单的代理服务器

2015/04/08 Python

利用Python查看目录中的文件示例详解

2017/08/28 Python

对python中数组的del,remove,pop区别详解

2018/11/07 Python

基于Numpy.convolve使用Python实现滑动平均滤波的思路详解

2019/05/16 Python

基于Python执行dos命令并获取输出的结果

2019/12/30 Python

Ubuntu16.04安装python3.6.5步骤详解

2020/01/10 Python

python sklearn包——混淆矩阵、分类报告等自动生成方式

2020/02/28 Python

python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例

2020/03/05 Python

详细分析Python collections工具库

2020/07/16 Python

写一个在SQL Server创建表的SQL语句

2012/03/10 面试题

运动会开幕式解说词

2014/02/05 职场文书

校企合作协议书

2014/04/16 职场文书

三严三实对照检查材料范文

2014/09/23 职场文书

工作收入证明模板

2014/10/10 职场文书

会议承办单位欢迎词

2015/09/30 职场文书

初三语文教学反思

2016/03/03 职场文书

用Python爬虫破解滑动验证码的案例解析

2021/05/06 Python

Spring Boot 实现敏感词及特殊字符过滤处理

2021/06/29 Java/Android