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

JQuery 无废话系列教程(二) jquery实战篇上

Jun 23 Javascript

利用javascript的面向对象的特性实现限制试用期

Aug 04 Javascript

jQuery点击弹出下拉菜单的小例子

Aug 01 Javascript

获取阴历（农历）和当前日期的js代码

Feb 15 Javascript

javascript每日必学之条件分支

Feb 17 Javascript

Bootstrap布局组件教程之Bootstrap下拉菜单

Jun 12 Javascript

JS修改地址栏参数实例代码

Jun 14 Javascript

VUE 使用中踩过的坑

Feb 08 Javascript

JavaScript引用类型Object常见用法实例分析

Aug 08 Javascript

React实现类似淘宝tab居中切换效果的示例代码

Jun 02 Javascript

vue+springboot+element+vue-resource实现文件上传教程

Oct 21 Javascript

antd Select下拉菜单动态添加option里的内容操作

Nov 02 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

在任意字符集下正常显示网页的方法一

2007/04/01 PHP

php下载文件超时时间的设置方法

2016/10/06 PHP

PHP实现的获取文件mimes类型工具类示例

2018/04/08 PHP

laravel 解决groupBy时出现的错误 isn't in Group By问题

2019/10/17 PHP

Yii redis集合的基本使用教程

2020/06/14 PHP

在textarea文本域中显示HTML代码的方法

2007/03/06 Javascript

jQuery图片轮播的具体实现

2013/09/11 Javascript

对table和ul实现js分页示例分享

2014/02/24 Javascript

JS实现定时自动关闭DIV层提示框的方法

2015/05/11 Javascript

jquery实现表格隔行换色效果

2015/11/19 Javascript

javascript bom是什么及bom和dom的区别

2015/11/26 Javascript

js中判断变量类型函数typeof的用法总结

2016/08/09 Javascript

在网页中插入百度地图的步骤详解

2016/12/02 Javascript

BootStrap 获得轮播中的索引和当前活动的焦点对象

2017/05/11 Javascript

JavaScript条件判断_动力节点Java学院整理

2017/06/26 Javascript

详解开发react应用最好用的脚手架 create-react-app

2018/04/24 Javascript

JS 数组随机洗牌的实例代码

2018/09/12 Javascript

JavaScript实现点击自制菜单效果

2021/02/02 Javascript

[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19

2020/11/19 DOTA

Python实现公历(阳历)转农历(阴历)的方法示例

2017/08/22 Python

Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地

2018/02/23 Python

Python PyQt4实现QQ抽屉效果

2018/04/20 Python

python实现在cmd窗口显示彩色文字

2019/06/24 Python

简单了解Django应用app及分布式路由

2019/07/24 Python

解决python便携版无法直接运行py文件的问题

2020/09/01 Python

python time()的实例用法

2020/11/03 Python

Betsey Johnson官网：妖娆可爱的连衣裙及鞋子、手袋和配件

2016/12/30 全球购物

美国家居装饰和豪华家具购物网站：One Kings Lane

2018/12/24 全球购物

屈臣氏乌克兰：Watsons UA

2019/10/29 全球购物

德国家具折扣店：POCO

2020/02/28 全球购物

工商管理本科毕业生求职信范文

2013/10/05 职场文书

简历中个人自我评价范文

2013/12/26 职场文书

家长建议怎么写

2014/05/15 职场文书

保护地球的标语

2014/06/17 职场文书

利用前端HTML+CSS+JS开发简单的TODOLIST功能（记事本）

2021/04/13 Javascript

Python中zipfile压缩包模块的使用

2021/05/14 Python