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 表达式可以包含字母，操作符，变量，支持过滤器，但不支持条件判断，循环及异常

 

posted @ 2017-10-25 16:56  孟夏草木长  阅读(225)  评论(0)  编辑  收藏  举报