1. Hello World
寫一個Hello World的應用是咱們接觸任何一個語言的基本途徑,AngularJS也是如此。
隨著學習的深入,我們會逐漸深入到AngularJS的內(nèi)部原理中,現(xiàn)在,廢話不多說,開始咱們的Hello World。
這里我使用的JetBrains的WebStorm,打開WebStorm,選擇“Create New Project”創(chuàng)建新項目:
然后我們選擇“Empty Project”新建一個空項目,選擇項目存儲路徑,點擊確定按鈕即可:
然后從AngularJS官網(wǎng)下載AngularJS庫,并將其添加到項目中:
新建一個HTML頁面,代碼如下:
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="請輸入您的姓名...">10 <h1>Hello, {{name}} !</h1>11 </body>12 </html>
預覽效果如下: