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

JavaScript 异步调用框架 (Part 3 - 代码实现)

Aug 04 Javascript

jQuery 常见操作实现方式和常用函数方法总结

May 06 Javascript

拥抱模块化的JavaScript

Mar 07 Javascript

js控制href内容的连接内容的变化示例

Apr 30 Javascript

javascript实现点击后变换按钮显示文字的方法

May 13 Javascript

Backbone.js的一些使用技巧

Jul 01 Javascript

jQuery实现的自适应焦点图效果完整实例

Aug 24 Javascript

JavaScript排序算法动画演示效果的实现方法

Oct 18 Javascript

正则中的回溯定义与用法分析【JS与java实现】

Dec 27 Javascript

jQuery基本选择器和层次选择器学习使用

Feb 27 Javascript

es6中new.target的作用和使用场景简单示例分析

Mar 14 Javascript

javascript实现点击产生随机图形

Jan 25 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

收音机的保养

2021/03/01 无线电

PHP OPCode缓存 APC详细介绍

2010/10/12 PHP

谈谈关于php的优点与缺点

2013/04/11 PHP

PHP设计模式之简单投诉页面实例

2016/02/24 PHP

PHP使用Mysqli类库实现完美分页效果的方法

2016/04/07 PHP

利用PHP绘图函数实现简单验证码功能的方法

2016/10/18 PHP

浅谈PHP的反射API

2017/02/26 PHP

Laravel5.1 框架数据库操作DB运行原生SQL的方法分析

2020/01/07 PHP

PHP数据源架构模式之表入口模式实例分析

2020/01/23 PHP

javascript 鼠标拖动图标技术

2010/02/07 Javascript

js 格式化时间日期函数小结

2010/03/20 Javascript

扩展jquery实现客户端表格的分页、排序功能代码

2011/03/16 Javascript

JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)

2013/05/27 Javascript

js中arguments,caller,callee,apply的用法小结

2014/01/28 Javascript

iframe调用父页面函数示例详解

2014/07/17 Javascript

canvas雪花效果核心代码分享

2017/02/19 Javascript

Flask中获取小程序Request数据的两种方法

2017/05/12 Javascript

ES6新特性之类(Class)和继承(Extends)相关概念与用法分析

2017/05/24 Javascript

基于node.js express mvc轻量级框架实践

2017/09/14 Javascript

[16:43]Heroes19_剃刀(完美)

2014/10/31 DOTA

Python设计模式中单例模式的实现及在Tornado中的应用

2016/03/02 Python

Python打包可执行文件的方法详解

2016/09/19 Python

机器学习的框架偏向于Python的13个原因

2017/12/07 Python

浅谈Django REST Framework限速

2017/12/12 Python

Python自动化之数据驱动让你的脚本简洁10倍【推荐】

2019/06/04 Python

基于Python实现拆分和合并GIF动态图

2019/10/22 Python

Pytorch 实现sobel算子的卷积操作详解

2020/01/10 Python

Django models文件模型变更错误解决

2020/05/11 Python

基于keras中的回调函数用法说明

2020/06/17 Python

python 绘制场景热力图的示例

2020/09/23 Python

python爬虫利器之requests库的用法(超全面的爬取网页案例)

2020/12/17 Python

为您搜罗全球潮流時尚品牌：HBX

2019/12/04 全球购物

个人担保书格式范文

2014/05/12 职场文书

股指期货心得体会

2014/09/13 职场文书

婚内房产协议书范本

2014/10/02 职场文书

宾馆卫生管理制度

2015/08/06 职场文书