1. Hello World

　　寫一個Hello World的應(yīng)用是咱們接觸任何一個語言的基本途徑，AngularJS也是如此。

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

 

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

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

 

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

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

 

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

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

 

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

 

　　預(yù)覽效果如下：

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式