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

图像替换新技术状态域方法

Jan 28 Javascript

Jquery Ajax学习实例4 向WebService发出请求，返回实体对象的异步调用

Mar 16 Javascript

可以用来调试JavaScript错误的解决方案

Aug 07 Javascript

javascript与webservice的通信实现代码

Dec 25 Javascript

微信小程序框架详解及实例应用

Sep 26 Javascript

JavaScript监听手机物理返回键的两种解决方法

Aug 14 Javascript

Angular实现表单验证功能

Nov 13 Javascript

详解如何在Angular优雅编写HTTP请求

Dec 05 Javascript

详解如何在Vue项目中导出Excel

Apr 19 Javascript

js使用文件流下载csv文件的实现方法

Jul 15 Javascript

如何构建一个Vue插件并生成npm包

Oct 26 Javascript

JS实现点击掉落特效

Jan 29 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基于str_pad实现卡号不足位数自动补0的方法

2014/11/12 PHP

php中print(),print_r(),echo()的区别详解

2014/12/01 PHP

Zend Framework数据库操作方法实例总结

2016/12/11 PHP

yii框架结合charjs统计上一年与当前年数据的方法示例

2020/04/04 PHP

javascript学习笔记(十) js对象继承

2012/06/19 Javascript

JavaScript实现GriwView单列全选(自写代码)

2013/05/13 Javascript

jQuery中filter()和find()的区别深入了解

2013/09/25 Javascript

javascript中全局对象的parseInt()方法使用介绍

2013/12/19 Javascript

浅谈jQuery事件绑定原理

2015/01/02 Javascript

用JavaScript实现PHP的urlencode与urldecode函数

2015/08/13 Javascript

详解JavaScript中的自定义事件编写

2016/05/10 Javascript

jquery Easyui Datagrid实现批量操作（编辑，删除，添加）

2017/02/20 Javascript

Three.js开发实现3D地图的实践过程总结

2017/11/20 Javascript

webpack@v4升级踩坑(小结)

2018/10/08 Javascript

小程序指纹验证的实现代码

2018/12/04 Javascript

vue权限管理系统的实现代码

2019/01/17 Javascript

js单线程的本质 Event Loop解析

2019/10/29 Javascript

关于ES6尾调用优化的使用

2020/09/11 Javascript

使用typescript快速开发一个cli的实现示例

2020/12/09 Javascript

[01:04]不如跳舞！DOTA2新英雄玛尔斯的欢乐日常

2019/03/11 DOTA

wxPython 入门教程

2008/10/07 Python

python中zip()方法应用实例分析

2016/04/16 Python

详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)

2019/03/27 Python

Python列表删除元素del、pop()和remove()的区别小结

2019/09/11 Python

Python 矩阵转置的几种方法小结

2019/12/02 Python

python 中值滤波,椒盐去噪,图片增强实例

2019/12/18 Python

Python列表嵌套常见坑点及解决方案

2020/09/30 Python

美国最大的珠宝首饰网上商城：Jewelry.com

2016/07/22 全球购物

美国棒球装备和用品商店：Baseball Savings

2018/06/09 全球购物

电话销售经理岗位职责

2013/12/07 职场文书

大学生村官任职感言

2014/01/09 职场文书

节水标语大全

2014/06/11 职场文书

品质保证书格式

2015/02/28 职场文书

2015年加油站工作总结

2015/05/13 职场文书

MySQL插入数据与查询数据

2022/03/25 MySQL

聊聊mysql都有哪几种分区方式

2022/04/13 MySQL