基本表达式

在第三章的结尾,我们制作了一个基本的Hello World应用。在其中,我们使用了如下的语法:

  1. <h1>{{"Hello World!"}}</h1>
  2. //上方的“{{”和“}}”既是AngularJS的基本表达式
  3. //如果AngularJS被成功的引入,那么最终的页面将不会显示双括号,而是直接显示Hello World.

我们可以尝试下将表达式中的内容替换为如下内容,并观察运行的结果:

  1. {{ 1+1 }} //网页会显示2
  2. {{ 'a' + 'bc' }} //网页会显示abc

从上我们可以看出,双括号{{}}内的内容,其实是一个JavaScript表达式,并将表达式进行计算的结果显示在此处。这也是AngularJS最吸引人的特性,因为它还支持将JavaScript中的数据显示在此处(我们将在后面的内容中介绍如何操作)。

并且,如果此处输出的是JavaScript中的变量,此处的显示会自动的随JavaScript变量的变化而变化。