博客
关于我
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事务理解
    查看>>
    MySQL事务详解结合MVCC机制的理解
    查看>>
    MySQL事务隔离级别:读未提交、读已提交、可重复读和串行
    查看>>
    MySQL事务隔离级别:读未提交、读已提交、可重复读和串行
    查看>>
    webpack css文件处理
    查看>>
    mysql二进制包安装和遇到的问题
    查看>>
    MySql二进制日志的应用及恢復
    查看>>
    mysql互换表中两列数据方法
    查看>>
    mysql五补充部分:SQL逻辑查询语句执行顺序
    查看>>
    mysql交互式连接&非交互式连接
    查看>>
    MySQL什么情况下会导致索引失效
    查看>>
    Mysql什么时候建索引
    查看>>
    MySql从入门到精通
    查看>>
    MYSQL从入门到精通(一)
    查看>>
    MYSQL从入门到精通(二)
    查看>>
    mysql以下日期函数正确的_mysql 日期函数
    查看>>
    mysql以服务方式运行
    查看>>
    mysql优化--索引原理
    查看>>
    MySQL优化之BTree索引使用规则
    查看>>
    MySQL优化之推荐使用规范
    查看>>