AngularJS入门教程之Hello World!

开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”：

1.使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。 2.将下面的源代码复制到您的HTML文件。 3.在web浏览器中打开这个HTML文件。

源代码：

代码如下:

（想了解AngularJS处理整个HTML页的细节，请看Bootstrap。）

最后，标签中的正文是应用的模板，在UI中显示我们的问候语：

代码如下:

注意，使用双大括号标记{{}}的内容是问候语中绑定的表达式，这个表达式是一个简单的字符串‘World'。

下面，让我们看一个更有趣的例子：使用AngularJS对我们的问候语文本绑定一个动态表达式。

Hello AngularJS World!

本示例演示AngularJS的双向数据绑定（bi-directional data binding）：

1.编辑前面创建的helloworld.html文档。 2.将下面的源代码复制到您的HTML文件。 3.刷新浏览器窗口。

源代码：

代码如下: