zoukankan      html  css  js  c++  java
  • AngularJS 表达式

    AngularJS 使用 表达式 把数据绑定到 HTML。

    AngularJS 表达式

    AngularJS 表达式写在双大括号内:{{ expression }}

    AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。

    AngularJS 将在表达式书写的位置"输出"数据。

    AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

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

    AngularJS 数字

    AngularJS 数字就像 JavaScript 数字:

    <div ng-app="" ng-init="quantity=1;cost=5">
    
    <p>总价: {{ quantity * cost }}</p>
    
    </div>

    使用 ng-bind 的相同实例:

    <div ng-app="" ng-init="quantity=1;cost=5">
    
    <p>总价: <span ng-bind="quantity * cost"></span></p>
    
    </div>

    注:使用 ng-init 不是很常见。您将在控制器一章中学习到一个更好的初始化数据的方式。

    AngularJS 字符串

    AngularJS 字符串就像 JavaScript 字符串:

    <div ng-app="" ng-init="firstName='John';lastName='Doe'">
    
    <p>姓名: {{ firstName + " " + lastName }}</p>
    
    </div>

    使用 ng-bind 的相同实例:

    <div ng-app="" ng-init="firstName='John';lastName='Doe'">
    
    <p>姓名: <span ng-bind="firstName + ' ' + lastName"></span></p>
    
    </div>

    AngularJS 对象

    AngularJS 对象就像 JavaScript 对象:

    <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
    
    <p>姓为 {{ person.lastName }}</p>
    
    </div>

    使用 ng-bind 的相同实例:

    <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
    
    <p>姓为 <span ng-bind="person.lastName"></span></p>
    
    </div>

    AngularJS 数组

    AngularJS 数组就像 JavaScript 数组:

    <div ng-app="" ng-init="points=[1,15,19,2,40]">
    
    <p>第三个值为 {{ points[2] }}</p>
    
    </div>

    使用 ng-bind 的相同实例:

    <div ng-app="" ng-init="points=[1,15,19,2,40]">
    
    <p>第三个值为 <span ng-bind="points[2]"></span></p>
    
    </div>

    AngularJS 表达式 与 JavaScript 表达式

    类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。

    与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。

    与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。

    与 JavaScript 表达式不同,AngularJS 表达式支持过滤器。

     转载地址:http://www.runoob.com/angularjs/angularjs-expressions.html

  • 相关阅读:
    NOIP201208同余方程
    NOIP模拟赛 最佳组合
    NOIP模拟赛 拓展
    CF1253E Antenna Coverage(DP)
    LOJ6033「雅礼集训 2017 Day2」棋盘游戏 (博弈论,二分图,匈牙利算法)
    CF582E Boolean Function(DP,状态压缩,FMT)
    CF750G New Year and Binary Tree Paths(DP)
    Codeforces Round 596 题解
    AGC008E Next or Nextnext(组合计数,神奇思路)
    ARC082E ConvexScore(神奇思路)
  • 原文地址:https://www.cnblogs.com/moqiutao/p/4861407.html
Copyright © 2011-2022 走看看