基本表达式

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

<h1>{{"Hello World!"}}</h1>

//上方的“{{”和“}}”既是AngularJS的基本表达式

//如果AngularJS被成功的引入,那么最终的页面将不会显示双括号,而是直接显示Hello World.

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

{{ 1+1 }} //网页会显示2

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

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

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

results matching ""

    No results matching ""