跑腿帮送

書(shū)名： AngularJS入門(mén)與進(jìn)階
作者名：江榮波
本章字?jǐn)?shù)： 130字
更新時(shí)間： 2020-11-28 23:44:28

1.3 第一個(gè)AngularJS應(yīng)用

打開(kāi)Brackets，新建一個(gè)HTML文件，接著我們編寫(xiě)第一個(gè)基于AngularJS框架的程序，內(nèi)容如下：

代碼清單：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>

默認(rèn)情況下，Brackets就是以Chrome作為實(shí)時(shí)預(yù)覽瀏覽器的。安裝Chrome瀏覽器后，單擊Brackets右側(cè)面板的閃電圖標(biāo)，或單擊File→Live Preview菜單，運(yùn)行效果如圖1.7所示。

圖1.7 第一個(gè)AngularJS應(yīng)用運(yùn)行效果

官术网_书友最值得收藏!

AngularJS入門(mén)與進(jìn)階

1.3 第一個(gè)AngularJS應(yīng)用