手册
目录
AngularJS 表达式可以写在双大括号内:{{ expression }}。
AngularJS 表达式也可以写在指令内:ng-bind="expression"。
AngularJS 会解析表达式,并在写表达式的位置返回结果。
AngularJS 表达式很像 JavaScript 表达式:它们可以包含字面量、运算符和变量。
Example {{ 5 + 5 }} or {{ firstName + " " + lastName }}
运行实例 »我的第一个表达式:{{ 5 + 5 }}
点击 "运行实例" 按钮查看在线实例
如果移除了 ng-app 指令,HTML 将原样显示表达式,不会对其进行解析:
运行实例 »我的第一个表达式:{{ 5 + 5 }}
点击 "运行实例" 按钮查看在线实例
您可以在喜欢的任何位置编写表达式,AngularJS 会简单地解析表达式并返回结果。
示例:让 AngularJS 更改 CSS 属性的值。
通过更改其值来改变下面输入框的颜色:
浅蓝色运行实例 »
点击 "运行实例" 按钮查看在线实例
AngularJS 数字就像 JavaScript 数字:
运行实例 »总金额(美元):{{ quantity * cost }}
点击 "运行实例" 按钮查看在线实例
使用 ng-bind 的相同例子:
运行实例 »总金额(美元):
点击 "运行实例" 按钮查看在线实例
使用 ng-init 并不常见。您将在关于控制器的章节中学习初始化数据的更好方法。
AngularJS 字符串就像 JavaScript 字符串:
运行实例 »名字是 {{ firstName + " " + lastName }}
点击 "运行实例" 按钮查看在线实例
使用 ng-bind 的相同示例:
运行实例 »名字是
点击 "运行实例" 按钮查看在线实例
AngularJS 对象就像 JavaScript 对象:
运行实例 »名字是 {{ person.lastName }}
点击 "运行实例" 按钮查看在线实例
使用 ng-bind 的相同示例:
运行实例 »名字是
点击 "运行实例" 按钮查看在线实例
AngularJS 数组就像 JavaScript 数组:
运行实例 »The third result is {{ points[2] }}
点击 "运行实例" 按钮查看在线实例
使用 ng-bind 的相同示例:
运行实例 »The third result is
点击 "运行实例" 按钮查看在线实例
与 JavaScript 表达式类似,AngularJS 表达式可以包含字面量、运算符和变量。
与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 内部。
AngularJS 表达式不支持条件语句、循环和异常,而 JavaScript 表达式则支持。
AngularJS 表达式支持过滤器,而 JavaScript 表达式则不支持。
在我们的 JavaScript 教程中了解有关 JavaScript 的信息。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习