學習AngularJS的一個好方法是逐步完成本教程,它將引導您構建一個完整的AngularJS web應用程序。 該web應用是一個Android設備清單的目錄列表,您可以篩選列表以便查看您感興趣的設備,然後查看設備的詳細信息。
本教程將向您展示AngularJS怎樣使得web應用更智能更靈活,而且不需要各種擴展程序或插件。 通過本教程的學習,您將:
1.閱讀示例學習怎樣使用AngularJS的客戶端數據綁定和依賴注入功能來建立可立即響應用戶操作的動態數據視圖。
2.學習如何使用AngularJS創建數據偵聽器,且不需要進行DOM操作。
3.學習一種更好、更簡單的方法來測試您的web應用程序。
4.學習如何使用AngularJS創建常見的web任務,例如更方便的將數據引入應用程序。
而且這一切可在任何一個浏覽器實現,無需配置浏覽器!
當你完成了本教程後,您將學會:
1.創建一個可在任何浏覽器中的工作的動態應用。
2.了解AngularJS與其它JavaScript框架之間的區別。
3.了解AngularJS如何實現數據綁定。
4.利用AngularJS的種子項目快速創建自己的項目。
5.創建和運行測試。
6.學習更多AngularJS標識資源(API)。
本教程將指導您完成一個簡單的應用程序創建過程,包括編寫和運行單元測試、不斷地測試應用。 教程的每個步驟為您提供建議以了解更多有關AngularJS和您創建的web應用程序。 您可能會在短時間內快速讀完本教程,也可能需要花大量時間深入研究本教程。 如果想看一個簡短的AngularJS介紹文檔,請查看[快速開始][ Getting Started]文檔。
搭建學習環境
無論是Mac、Linux或Windows環境中,您均可遵循本教程學習編程。您可以使用源代碼管理版本控制系統Git獲取本教程項目的源代碼文件,或直接從網上下載本教程項目源代碼文件的鏡像歸檔壓縮包。
1.您需要安裝Node.js和Testacular來運行本項目,請到Node.js官方網站下載並安裝最新版,然後把node可執行程序路徑添加到系統環境變量PATH中,完成後在命令行中運行一下命令可以查看是否安裝成功:
代碼如下:
node -version
然後安裝Testacular單元測試程序,請運行如下命令:
代碼如下:
npm install -g testacular
2.安裝Git工具,然後用以下命令從Github復制本教程項目的源代碼文件:
代碼如下:
git clone git://github.com/angular/angular-phonecat.git
您也可以直接從網上下載本教程項目源代碼的鏡像歸檔壓縮包。這個命令會在您當前文件夾中建立新文件夾angular-phonecat。
3.最後一件事要做的就是確保您的計算機安裝了web浏覽器和文本編輯器。
4.進入教程源代碼文件包angular-phonecat,運行服務器後台程序,開始學習AngularJS!
代碼如下:
cd angular-phonecat
node scripts/web-server.js