1.3 第一个AngularJS应用_AngularJS入门与进阶-QQ阅读男生武侠网

上QQ阅读APP看书，第一时间看更新

1.3 第一个AngularJS应用

打开Brackets，新建一个HTML文件，接着我们编写第一个基于AngularJS框架的程序，内容如下：

代码清单：ch01\ch01_03.html

        <!doctype html>
        <html ng-app>
        <head>
            <meta charset="UTF-8">
            <title>ch01_03</title>
            <script type="text/javascript" src="../angular-1.5.5/angular.js">
            </script>
        </head>
        <body>
            <div>{{"Hello World! "}}</div>
            <div>{{"Hello AngularJS! "}}</div>
        </body>
        </html>

默认情况下，Brackets就是以Chrome作为实时预览浏览器的。安装Chrome浏览器后，单击Brackets右侧面板的闪电图标，或单击File→Live Preview菜单，运行效果如图1.7所示。

图1.7 第一个AngularJS应用运行效果