1. Hello World

  寫一個Hello World的應用是咱們接觸任何一個語言的基本途徑,AngularJS也是如此。

  隨著學習的深入,我們會逐漸深入到AngularJS的內(nèi)部原理中,現(xiàn)在,廢話不多說,開始咱們的Hello World。

 

  這里我使用的JetBrains的WebStorm,打開WebStorm,選擇“Create New Project”創(chuàng)建新項目:

  萬碼學堂,電腦培訓,計算機培訓,Java培訓,JavaEE開發(fā)培訓,青島軟件培訓,軟件工程師培訓

 

  然后我們選擇“Empty Project”新建一個空項目,選擇項目存儲路徑,點擊確定按鈕即可:

萬碼學堂,電腦培訓,計算機培訓,Java培訓,JavaEE開發(fā)培訓,青島軟件培訓,軟件工程師培訓

 

  然后從AngularJS官網(wǎng)下載AngularJS庫,并將其添加到項目中:

萬碼學堂,電腦培訓,計算機培訓,Java培訓,JavaEE開發(fā)培訓,青島軟件培訓,軟件工程師培訓

 

  新建一個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>

 

  預覽效果如下:

網(wǎng)友評論