脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → AngularJS ng-bind 指令

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 指令的详细介绍，有需要的朋友可以参考下。

您可能感兴趣的文章:

相关文章

  • Angular 7工作方式事件绑定

    Angular 7工作方式事件绑定

    在本章中将讨论事件绑定在Angular7中的工作方式,当用户以键盘移动,鼠标单击或鼠标悬停的形式与应用程序交互时,它将生成一个事件,需要处理这些事件以执行某种操作,考虑一个示例以更好地理解这一点
    2023-12-12
  • AngularJS实现的简单拖拽功能示例

    AngularJS实现的简单拖拽功能示例

    这篇文章主要介绍了AngularJS实现的简单拖拽功能,涉及AngularJS事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-01-01
  • Angular的MVC和作用域

    Angular的MVC和作用域

    本文主要Angular的MVC和作用域进行详细分析介绍，具有一定的参考价值，下面跟着小编一起来看下吧
    2016-12-12
  • Angularjs 依赖压缩及自定义过滤器写法

    Angularjs 依赖压缩及自定义过滤器写法

    这篇文章主要介绍了Angularjs 依赖压缩及自定义过滤器写法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-02-02
  • 通过AngularJS实现图片上传及缩略图展示示例

    通过AngularJS实现图片上传及缩略图展示示例

    本篇文章主要介绍了通过AngularJS实现图片上传及缩略图展示，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • 实例详解AngularJS实现无限级联动菜单

    实例详解AngularJS实现无限级联动菜单

    这篇文章主要介绍了实例详解AngularJS实现无限级联动菜单的相关资料,需要的朋友可以参考下
    2016-01-01
  • 详解什么是@ngrx/store开发包中的MemoizedSelector

    详解什么是@ngrx/store开发包中的MemoizedSelector

    这篇文章主要为大家介绍了@ngrx/store开发包中的MemoizedSelector使用分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • AngularJS 使用ng-repeat报错 [ngRepeat:dupes]

    AngularJS 使用ng-repeat报错 [ngRepeat:dupes]

    这篇文章主要介绍了AngularJS 使用ng-repeat报错 [ngRepeat:dupes] 的相关资料,需要的朋友可以参考下
    2017-01-01
  • Angular.JS内置服务$http对数据库的增删改使用教程

    Angular.JS内置服务$http对数据库的增删改使用教程

    我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象，下面这篇文章主要给大家介绍了关于Angular.JS内置服务$http对数据库的增删改等操作的相关资料，需要的朋友可以参考下。
    2017-05-05
  • AngularJS动态生成div的ID源码解析

    AngularJS动态生成div的ID源码解析

    这篇文章主要介绍了基于AngularJS动态生成div的ID,本文介绍的非常详细，具有参考借鉴价值，对angularjs动态生成div的id相关知识感兴趣的朋友一起学习吧
    2016-08-08

最新评论