AngularJS表达式

Posted 2020-10-12 坚持

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

AngularJS表达式

格式如下{{exoression}}

表达式把数据绑定到HTML上面，域ng-bind是一样的功能。

表达式书写的位置就是输出的数据。

可以包含文字、运算符和变量。

AngularJS数字

AngularJS数字就像javascript数字。如下例子：

<div ng-app="" ng-init=quantity=1;cost=5>

<p>sum: {{quantity*cost}}></span></p>

</div>

使用ng-bing的相同例子：

<div ng-app="" ng-init=quantity=1;cost=5>

<p>sum:<span ng-bind="quantity*cost"></span></p>

</div>

 AngularJS字符串

<div ng-app="" ng-init="firstname=‘jone‘;lastname=Doe">

<p>name:{{fistName+"  "+lastName}}</p>

</div>

相应ng-bind的例子如下：

<div ng-app="" ng-init="firstname=‘jone‘;lastname=Doe">

<p>name：<span ng-bind=fistName+‘  ‘+lastName></span></p>

</div>

AngularJS表达式与JavaScript表达式

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

但是angu也有一些不同：AngularJS表达式可以写在html中；不支持条件判断、循环以及异常；支持过滤器。