博客
关于我
angularjs 表达式与ng-bind
阅读量:220 次
发布时间:2019-02-28

本文共 795 字,大约阅读时间需要 2 分钟。

AngularJS 表达式通常书写在双大括号内:{

{ expression }}。AngularJS 会在表达式书写的位置输出数据。

AngularJS 表达式类似于 JavaScript 表达式,可以包含文字、运算符和变量。例如:{

{ 5 + 5 }} 或 {
{ firstName + " " + lastName }}

ng-bind 指令用于将应用程序数据绑定到 HTML 视图。它会将应用程序变量绑定到某个段落的 innerHTML。

AngularJS 表达式可以直接将数据绑定到 HTML,这与 ng-bind 指令的功能有异曲同工之妙。

以下是一个使用 ng-bind 的示例:

总价:

以下是一个使用 AngularJS 表达式的示例:

总价: {

{ quantity * cost }}

使用 ng-bind 可以防止网络状态不佳时出现未被赋值的表达式。

小知识点:

  • 执行 controller,设置各个作用域 scope(定义其内部作用域的行为)。
  • 加载模板,形成 DOM 模板树。
  • 执行 link,设置 DOM 各个行为。以下是一个 link 示例:
  • link: function (scope, element, attr, ctrl) {    element.bind("click", function () {        console.log("绑定点击事件");    });    element.append("

    增加段落块

    "); // 不推荐在 link 中赋予 scope 行为 scope.hello = function () { console.log("hello"); };}
    1. 数据绑定,最后 scope 绑上 DOM。

    转载地址:http://ibss.baihongyu.com/

    你可能感兴趣的文章
    mysql中int、bigint、smallint 和 tinyint的区别、char和varchar的区别详细介绍
    查看>>
    mysql中json_extract的使用方法
    查看>>
    mysql中json_extract的使用方法
    查看>>
    mysql中kill掉所有锁表的进程
    查看>>
    mysql中like % %模糊查询
    查看>>
    MySql中mvcc学习记录
    查看>>
    mysql中null和空字符串的区别与问题!
    查看>>
    MySQL中ON DUPLICATE KEY UPDATE的介绍与使用、批量更新、存在即更新不存在则插入
    查看>>
    MYSQL中TINYINT的取值范围
    查看>>
    MySQL中UPDATE语句的神奇技巧,让你操作数据库如虎添翼!
    查看>>
    Mysql中varchar类型数字排序不对踩坑记录
    查看>>
    MySQL中一条SQL语句到底是如何执行的呢?
    查看>>
    MySQL中你必须知道的10件事,1.5万字!
    查看>>
    MySQL中使用IN()查询到底走不走索引?
    查看>>
    Mysql中使用存储过程插入decimal和时间数据递增的模拟数据
    查看>>
    MySql中关于geometry类型的数据_空的时候如何插入处理_需用null_空字符串插入会报错_Cannot get geometry object from dat---MySql工作笔记003
    查看>>
    mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案
    查看>>
    mysql中出现Unit mysql.service could not be found 的解决方法
    查看>>
    mysql中出现update-alternatives: 错误: 候选项路径 /etc/mysql/mysql.cnf 不存在 dpkg: 处理软件包 mysql-server-8.0的解决方法(全)
    查看>>
    Mysql中各类锁的机制图文详细解析(全)
    查看>>