Angular学习（二）之AngularJS 表达式

最新推荐文章于 2020-07-28 10:22:16 发布

原创最新推荐文章于 2020-07-28 10:22:16 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

angluar 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了AngularJS中表达式的使用方法及其与JavaScript的关系。AngularJS通过表达式将数据绑定到HTML，实现动态显示数据的功能。文章还展示了如何利用AngularJS表达式进行简单的数学运算。

1.AngularJS 表达式
(1)AngularJS 使用表达式把数据绑定到 HTML，即书写的位置输出数据
(2)AngularJS 表达式写在双大括号内：{{ expression }}，等价于ng-bind 指令。
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价： {{ quantity * cost }}</p>
</div>
等价
<div ng-app="" ng-init="quantity=1;cost=5">
<p>总价： <span ng-bind="quantity * cost"></span></p>
</div>
(3)AngularJS 表达式很像 JavaScript 表达式：它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
2.AngularJS 数字类似 JavaScript 数字
3.AngularJS 字符类似 JavaScript 字符串
4.AngularJS 对象类似 JavaScript 对象
5.AngularJS 数组类似 JavaScript 数组