编程 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 页面关闭前的出现提示的实现代码

May 25 Javascript

javascript学习基础笔记之DOM对象操作

Nov 03 Javascript

Jquery动态进行图片缩略的原理及实现

Aug 13 Javascript

angular中使用路由和$location切换视图

Jan 23 Javascript

angularJS中router的使用指南

Feb 09 Javascript

jQuery实现鼠标划过展示大图的方法

Mar 09 Javascript

javascript实现checkBox的全选，反选与赋值

Mar 12 Javascript

jquery实现清新实用的网页菜单效果

Aug 28 Javascript

学习JavaScript设计模式之责任链模式

Jan 18 Javascript

React组件生命周期详解

Jul 03 Javascript

vue.js,ajax渲染页面的实例

Feb 11 Javascript

基于vue、react实现倒计时效果

Aug 26 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

分页显示Oracle数据库记录的类之二

2006/10/09 PHP

跟我学Laravel之请求(Request)的生命周期

2014/10/15 PHP

phpMyAdmin安装并配置允许空密码登录

2015/07/04 PHP

PHP实现的方程求解示例分析

2016/11/11 PHP

基于jquery的多功能软键盘插件

2012/07/25 Javascript

jQuery调用ajax请求的常见方法汇总

2015/03/24 Javascript

jQuery Easyui实现左右布局

2016/01/26 Javascript

ECHO.js 纯javascript轻量级延迟加载的实例代码

2016/05/24 Javascript

简单实现JS计算器功能

2016/12/21 Javascript

jQuery Validate表单验证插件的基本使用方法及功能拓展

2017/01/04 Javascript

jQuery列表检索功能实现代码

2017/07/17 jQuery

Bootstrap与Angularjs的模态框实例代码

2017/08/03 Javascript

Vue Element UI + OSS实现上传文件功能

2019/07/31 Javascript

[43:18]NB vs Infamous 2019国际邀请赛淘汰赛败者组 BO3 第一场 8.22

2019/09/05 DOTA

python中zip和unzip数据的方法

2015/05/27 Python

Python面向对象类继承和组合实例分析

2018/05/28 Python

python实现多人聊天室

2020/03/31 Python

python实现超市商品销售管理系统

2019/11/22 Python

使用tqdm显示Python代码执行进度功能

2019/12/08 Python

Django使用Profile扩展User模块方式

2020/05/14 Python

浅析Python迭代器的高级用法

2020/07/16 Python

python可视化 matplotlib画图使用colorbar工具自定义颜色

2020/12/07 Python

python中re模块知识点总结

2021/01/17 Python

详解HTML5中ol标签的用法

2015/09/08 HTML / CSS

十八大报告观后感

2014/01/28 职场文书

理财学专业自荐书

2014/06/28 职场文书

信用卡工作证明模板

2014/09/14 职场文书

教师批评与自我批评范文

2014/10/15 职场文书

2015年医院护理部工作总结

2015/04/23 职场文书

2015秋季新学期开学寄语

2015/05/28 职场文书

我是特种兵观后感

2015/06/11 职场文书

欢送会主持词

2015/07/01 职场文书

2016年优秀共青团员事迹材料

2016/02/25 职场文书

简历自我评价范文

2019/04/24 职场文书

css3中transform属性实现的4种功能

2021/08/07 HTML / CSS

JavaScript数组几个常用方法总结

2021/11/11 Javascript