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

JSQL 批量图片切换的实现代码

May 05 Javascript

基于JQuery实现鼠标点击文本框显示隐藏提示文本

Feb 23 Javascript

jQuery实现向下滑出的二级菜单效果实例

Aug 22 Javascript

JavaScript实现跑马灯抽奖活动实例代码解析与优化（二）

Feb 16 Javascript

Javascript将JSON日期格式化

Aug 23 Javascript

vue指令以及dom操作详解

Mar 04 Javascript

Vue + Webpack + Vue-loader学习教程之功能介绍篇

Mar 14 Javascript

详解vue组件基础

May 04 Javascript

iview实现select tree树形下拉框的示例代码

Dec 21 Javascript

jQuery中each和js中forEach的区别分析

Feb 27 jQuery

vue中data改变后让视图同步更新的方法

Mar 29 Vue.js

详解Node.js如何处理ES6模块

May 15 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

[EPIC] Larva vs Flash ZvT @ Crossing Field [2017-10-09]

2020/03/17 星际争霸

php IP及IP段进行访问限制的代码

2008/12/17 PHP

一个完整的PHP类包含的七种语法说明

2015/06/04 PHP

PHP实现根据图片色界在不同位置加水印的方法

2015/08/08 PHP

PHP常用的小程序代码段

2015/11/14 PHP

PHP常见数组排序方法小结

2018/08/20 PHP

JavaScript 组件之旅（一）分析和设计

2009/10/28 Javascript

jquery 实现窗口的最大化不论什么情况

2013/09/03 Javascript

js用typeof方法判断undefined类型

2014/07/15 Javascript

ECMAScript 5严格模式（Strict Mode）介绍

2015/03/02 Javascript

ECharts仪表盘实例代码(附源码下载)

2016/02/18 Javascript

浅谈js数据类型判断与数组判断

2016/08/29 Javascript

jquery遍历标签中自定义的属性方法

2016/09/17 Javascript

Angular 4依赖注入学习教程之InjectToken的使用（八）

2017/06/04 Javascript

通俗易懂地解释JS中的闭包

2017/10/23 Javascript

js导出Excel表格超出26位英文字符的解决方法ES6

2017/11/15 Javascript

js提取中文拼音首字母的封装工具类

2018/03/12 Javascript

vue的mixins属性详解

2018/03/14 Javascript

node.js自动上传ftp的脚本分享

2018/06/16 Javascript

vue3使用vue-count-to组件的实现

2020/12/25 Vue.js

Python编程使用*解包和itertools.product()求笛卡尔积的方法

2017/12/18 Python

python中的文件打开与关闭操作命令介绍

2018/04/26 Python

Django 源码WSGI剖析过程详解

2019/08/05 Python

python元组的概念知识点

2019/11/19 Python

matplotlib 生成的图像中无法显示中文字符的解决方法

2020/06/10 Python

Python实现Canny及Hough算法代码实例解析

2020/08/06 Python

html5中地理位置定位api接口开发应用小结

2013/01/04 HTML / CSS

阿里健康官方海外旗舰店：阿里健康国际自营

2017/11/24 全球购物

澳大利亚家具和家居用品购物网站：Zanui

2018/12/29 全球购物

UNIX文件类型

2013/08/29 面试题

网络专业学生个人的自我评价

2013/12/16 职场文书

行政主管职责范本

2014/03/07 职场文书

四风问题对照检查材料

2014/09/22 职场文书

商场营业员岗位职责

2015/04/14 职场文书

2015年效能监察工作总结

2015/04/23 职场文书

公司员工宿舍管理制度

2015/08/03 职场文书