Angular JS--表达式

1Angular JS表达式

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

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

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

  AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。例:{{'张三'}},{{5+5}},{{5==5?5:10}},{{ firstName + " " + lastName }}

  (1)Angular JS数字

<body ng-app ng-init="a=3;b=4" >
    <p ng-bind="a*b"></p>
    <p>{{a*b}}</p>
</body>

  (2)Angular JS字符串

<body ng-app ng-init="name='张三'" >
        <p ng-bind="name"></p>
    <p>{{name}}</p>
</body>

  (3)Angular JS对象

<body ng-app ng-init="person={'name':'张三','age':20}" >
    <p ng-bind="person.name"></p>
    <p>{{person.age}}</p>
</body>

  (4)Angular JS数组

<body ng-app ng-init="names=['张三','李四','王五']" >
    <p ng-bind="names[0]"></p>
    <p>{{names[1]}}</p>
</body>

  总结:AngularJS 表达式可以包含字母,操作符,变量,支持过滤器,但不支持条件判断,循环及异常

原文地址:https://www.cnblogs.com/-scl/p/7729821.html