AngularJS ng-bind 指令简单实现
更新时间：2016年07月30日 14:55:28 投稿：lqh
本文主要介绍AngularJS ng-bind 指令,在这里对ng-bind 指令做了详细资料整理并讲解，提供了实例代码以便大家参考，有需要的小伙伴可以参考下
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 元素也会修改。
语法
<element ng-bind="expression"></element>
或作为 CSS 类：
<element class="ng-bind: expression"></element>
所有的 HTML 元素都支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 指定要执行的变量或表达式。 |
以上就是对AngularJS ng-bind 指令的详细介绍，有需要的朋友可以参考下。
相关文章
本文主要介绍AngularJS ng-style 指令,这里对ng-style 指令做了详细的基础资料整理，并附有代码示例，有需要的朋友可以参考下2016-08-08
最好的Angular2表格控件，满足更小、更快、更熟悉的基本要求，感兴趣的小伙伴们可以参考一下2016-08-08
本篇文章主要介绍了AngularJS自定义指令详解（有分页插件代码），具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要为大家详细介绍了Angular表格神器ui-grid应用的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
Facade Service暴露commands简化代码逻辑提高可访问性组合性
在 Angular 应用开发中,使用 Facade Service 暴露 commands（命令）以及订阅这些 commands 是一个常见的设计模式,本文将详细介绍在 Facade Service 中如何实现这一目标,并深入探讨相关细节,以及通过实际示例进行说明2023-10-10
这篇文章主要介绍了AngularJS实现的锚点楼层跳转功能,涉及AngularJS事件响应实现锚点跳转功能的相关操作技巧,需要的朋友可以参考下2018-01-01
详解AngularJS用Interceptors来统一处理HTTP请求和响应
本篇文章主要介绍了AngularJS用Interceptors来统一处理HTTP请求和响应 ，具有一定的参考价值，有兴趣的可以了解一下2017-06-06
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
这篇文章主要介绍了Angular4.x通过路由守卫进行路由重定向，实现根据条件跳转到相应的页面,这个功能在网上商城项目上经常会用到，下面小编给大家带来了解决方法一起看看吧2018-05-05
这篇文章主要介绍了AngularJS 应用模块化的使用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了Angular HttpClient的源码解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论