1. Hello World
寫(xiě)一個(gè)Hello World的應(yīng)用是咱們接觸任何一個(gè)語(yǔ)言的基本途徑,AngularJS也是如此。
隨著學(xué)習(xí)的深入,我們會(huì)逐漸深入到AngularJS的內(nèi)部原理中,現(xiàn)在,廢話不多說(shuō),開(kāi)始咱們的Hello World。
這里我使用的JetBrains的WebStorm,打開(kāi)WebStorm,選擇“Create New Project”創(chuàng)建新項(xiàng)目:
然后我們選擇“Empty Project”新建一個(gè)空項(xiàng)目,選擇項(xiàng)目存儲(chǔ)路徑,點(diǎn)擊確定按鈕即可:
然后從AngularJS官網(wǎng)下載AngularJS庫(kù),并將其添加到項(xiàng)目中:
新建一個(gè)HTML頁(yè)面,代碼如下:
1 <!DOCTYPE html> 2 <html ng-app> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Hello World</title> 6 <script src="../script/angular.min.js"></script> 7 </head> 8 <body> 9 <input type="text" ng-model="name" placeholder="請(qǐng)輸入您的姓名...">10 <h1>Hello, {{name}} !</h1>11 </body>12 </html>
預(yù)覽效果如下: