AngularJS表达式 | 易学教程

特点：AngularJS使用表达式把数据绑定到HTML,这是与JavaScript不同的一点！这与ng-bind指令有异曲同工之处
1.表达式卸载双大括号内：{{expression}}
2.将表达式书写的位置“输出”数据
3.和JavaScript一样包含文字，运算符，变量

数字：

<div ng-app="" ng-init="a1=2;a2=5">
    <p>a1与a2的和：{{a1+a2}}</p>
    <p>a2减a1的值：{{a2-a1}}</p>
    <p>a2与a1的乘值：{{a2*a1}}</p>
    相当于：
    <p>a2与a1的乘值： <span ng-bind="a1 * a2"></span></p>
    <p> a2减a1的值：<span ng-bind="a2 - a1"></span></p>
    <p> a1与a2的和：<span ng-bind="a2 + a1"></span></p>
</div>

字符串：

<div ng-app="" ng-init="name1='bob';name2='dom'">
    <p>姓名：{{name1+" "+name2}}</p>
    相当于：
    <p>姓名：<span ng-bind="name1+' '+name2"></span></p>
</div>

对象：

<div ng-app="" ng-init="person={name1:'bob',name2:'dom'}">
    <p>姓名一：{{person.name1}}</p>
    <p>姓名二：{{person.name2}}</p>
    相当于：
    <p>姓名一：<span ng-bind="person.name1"></span></p>
    <p>姓名二：<span ng-bind="person.name2"></span></p>
</div>

数组：

<div ng-app="" ng-init="array=[1,2,3,4,5]">
    <p>第三个值为：{{array[2]}}</p>
    相当于：
    <p><span ng-bind="array[2]"></span></p>
</div>

AngularJS 表达式与 JavaScript 表达式的不同之处
类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。
与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。
与 JavaScript 表达式不同，AngularJS 表达式支持过滤器

来源：CSDN

作者：Ary-若嫣

链接：https://blog.csdn.net/weixin_39437108/article/details/103803258

标签

angularjs指令

javascript