angular之表达式

1、作用:使用表达式把数据绑定到HTML。

2、语法:表达式写在双打括号内:{{expression}}

3、比较:表达式作用类似于ng-bind指令;建议更多的使用指令。

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

包括:数字 {{100 + 100}} ;字符串 {{ ‘hello’ + 'angular'}}

对象 {{user.name}} ; 数组 {{arr[0]}}

5、与JavaScript表达式比较:

  相同点:AngularJS表达式可以包含字母、操作符、变量。

  不同点:-- AngularJS表达式可以写在HTML。

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

      -- AngularJS表达式支持过滤器。

6、在angularjs里面 {{ express }} 可以帮我们去计算里面的表达式,然后把表达式的值显示在当前位置。

  问题:页面会存在一个闪动的效果:使用ng-Bind(描述一个指令的写法),ng-bind会计算表达式中的运算 ,再设置成Dom中的innerHTML。

注意:AngularJS  

  a.算术运算 【+ - * / %】【++ – 不可以】

  b.比较运算 【> <】

  c.逻辑运算 【&& || !】

  d.三目运算 【? :】

  e.调用字符串对象的方法

  f.json对象

  g.是否可以创建数组

  h.使用new|var关键字【不可以】

  使用ECMA提供的全局函数【parseInt Math.random()】【不可以】