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

Prototype使用指南之array.js

Jan 10 Javascript

用js实现控制内容的向上向下滚动效果

Jun 26 Javascript

js数组转json并在后台对其解析具体实现

Nov 20 Javascript

jquery 删除字符串最后一个字符的方法解析

Feb 11 Javascript

基于ajax和jsonp的原生封装(实例)

Oct 16 Javascript

初识 Vue.js 中的 *.Vue文件

Nov 22 Javascript

Vue cli 引入第三方JS和CSS的常用方法分享

Jan 20 Javascript

js中int和string数据类型互相转化实例

Jan 16 Javascript

详解JavaScript中的强制类型转换

Apr 15 Javascript

微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法

Aug 01 Javascript

微信小程序实现多行文字滚动

Nov 18 Javascript

javascript中Set、Map、WeakSet、WeakMap区别

Dec 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 提速工具eAccelerator 配置参数详解

2010/05/16 PHP

为PHP5.4开启Zend OPCode缓存

2014/12/26 PHP

PHP输入输出流学习笔记

2015/05/12 PHP

php计算多个集合的笛卡尔积实例详解

2017/02/16 PHP

JS调用CS里的带参方法实例

2013/08/01 Javascript

Tab切换组件（选项卡功能）实例代码

2013/11/21 Javascript

jquery如何获取复选框的值

2013/12/12 Javascript

jquery文本框中的事件应用以输入邮箱为例

2014/05/06 Javascript

jQuery插件分享之分页插件jqPagination

2014/06/06 Javascript

Jquery Ajax xmlhttp请求成功问题

2015/02/04 Javascript

javascript中 try catch用法

2015/08/16 Javascript

深入剖析JavaScript中的函数currying柯里化

2016/04/29 Javascript

一种基于浏览器的自动小票机打印实现方案(js版)

2016/07/26 Javascript

jquery层级选择器的实现(匹配后代元素div)

2016/09/05 Javascript

jQuery网页定位导航特效实现方法

2016/12/19 Javascript

详解百度百科目录导航树小插件

2017/01/08 Javascript

react-native使用react-navigation进行页面跳转导航的示例

2017/09/07 Javascript

微信小程序实现星级评价效果

2018/12/28 Javascript

解决vue刷新页面以后丢失store的数据问题

2020/08/11 Javascript

nodejs+koa2 实现模仿springMVC框架

2020/10/21 NodeJs

JavaScript动态生成表格的示例

2020/11/02 Javascript

[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局

2016/02/27 DOTA

用Python的线程来解决生产者消费问题的示例

2015/04/02 Python

Python 单元测试（unittest）的使用小结

2018/11/14 Python

python requests指定出口ip的例子

2019/07/25 Python

Django Admin后台模型列表页面如何添加自定义操作按钮

2020/11/11 Python

基于MUI框架使用HTML5实现的二维码扫描功能

2018/03/01 HTML / CSS

法国时尚童装网站：Melijoe

2016/08/10 全球购物

可口可乐唇膏：Lip Smackers

2019/08/27 全球购物

什么是封装

2013/03/26 面试题

会计试用期自我评价

2014/09/19 职场文书

吃空饷专项整治方案

2014/10/27 职场文书

长城导游词400字

2015/01/30 职场文书

2015年学校总务处工作总结

2015/05/19 职场文书

用Python生成会跳舞的美女

2022/01/18 Python

JS前端使用Canvas快速实现手势解锁特效

2022/09/23 Javascript