编程 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网页画板(Graphics)类简介及实现代码

Dec 24 Javascript

Javascript中的关键字和保留字整理

Oct 16 Javascript

js判断手机访问或者PC的几个例子(常用于手机跳转)

Dec 15 Javascript

jquery.cookie实现的客户端购物车操作实例

Dec 24 Javascript

js下将金额数字每三位一逗号分隔

Feb 19 Javascript

在Mac OS上安装使用Node.js的项目自动化构建工具Gulp

Jun 18 Javascript

vue中如何让子组件修改父组件数据

Jun 14 Javascript

JS实现的简单分页功能示例

Aug 23 Javascript

JS实现简单的抽奖转盘效果示例

Feb 16 Javascript

详解vue 自定义marquee无缝滚动组件

Apr 09 Javascript

js实现随机数小游戏

Jun 28 Javascript

基于JavaScript实现大文件上传后端代码实例

Aug 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自定义函数之递归删除文件及目录

2010/08/08 PHP

PHP实现的QQ空间g_tk加密算法

2015/07/09 PHP

菜鸟学习JavaScript小实验之函数引用

2010/11/17 Javascript

zShowBox 图片放大展示jquery版兼容性

2011/09/24 Javascript

javascript学习指南之回调问题

2016/04/23 Javascript

非常漂亮的相册集使用jquery制作相册集

2016/04/28 Javascript

使用Promise解决多层异步调用的简单学习心得

2016/05/17 Javascript

微信小程序加载更多点击查看更多

2016/11/29 Javascript

javascript 显示全局变量与隐式全局变量的区别

2017/02/09 Javascript

jQuery自定义图片上传插件实例代码

2017/04/04 jQuery

angular实现IM聊天图片发送实例

2017/05/08 Javascript

angularjs利用directive实现移动端自定义软键盘的示例

2017/09/20 Javascript

vue2.0 better-scroll 实现移动端滑动的示例代码

2018/01/25 Javascript

jQuery滚动条美化插件nicescroll简单用法示例

2018/04/18 jQuery

JS div匀速移动动画与变速移动动画代码实例

2019/03/26 Javascript

微信小程序代码上传、审核发布小程序

2019/05/18 Javascript

CKeditor4 字体颜色功能配置方法教程

2019/06/26 Javascript

jQuery位置选择器用法实例分析

2019/06/28 jQuery

微信小程序文章详情功能完整实例

2020/06/03 Javascript

javascript实现滚轮轮播图片

2020/12/13 Javascript

Python中字符编码简介、方法及使用建议

2015/01/08 Python

Python3匿名函数用法示例

2018/07/25 Python

对web.py设置favicon.ico的方法详解

2018/12/04 Python

Python基本语法之运算符功能与用法详解

2019/10/22 Python

python dict如何定义

2020/09/02 Python

财务人员求职自荐书范文

2014/02/10 职场文书

宾馆仓管员岗位职责

2014/07/27 职场文书

个人借款协议书范本

2014/11/17 职场文书

客服专员岗位职责

2015/02/10 职场文书

党课主持词大全

2015/06/30 职场文书

财务管理制度范本

2015/08/04 职场文书

初中数学教学随笔

2015/08/15 职场文书

2019垃圾分类宣传口号汇总

2019/08/16 职场文书

python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析

2021/04/14 Python

上手简单,功能强大的Python爬虫框架——feapder

2021/04/27 Python

Python趣味挑战之给幼儿园弟弟生成1000道算术题

2021/05/28 Python