AngularJS入門教程之學(xué)習(xí)環(huán)境搭建
學(xué)習(xí)AngularJS的一個(gè)好方法是逐步完成本教程,它將引導(dǎo)您構(gòu)建一個(gè)完整的AngularJS web應(yīng)用程序。 該web應(yīng)用是一個(gè)Android設(shè)備清單的目錄列表,您可以篩選列表以便查看您感興趣的設(shè)備,然后查看設(shè)備的詳細(xì)信息。
本教程將向您展示AngularJS怎樣使得web應(yīng)用更智能更靈活,而且不需要各種擴(kuò)展程序或插件。 通過本教程的學(xué)習(xí),您將:
1.閱讀示例學(xué)習(xí)怎樣使用AngularJS的客戶端數(shù)據(jù)綁定和依賴注入功能來建立可立即響應(yīng)用戶操作的動(dòng)態(tài)數(shù)據(jù)視圖。
2.學(xué)習(xí)如何使用AngularJS創(chuàng)建數(shù)據(jù)偵聽器,且不需要進(jìn)行DOM操作。
3.學(xué)習(xí)一種更好、更簡(jiǎn)單的方法來測(cè)試您的web應(yīng)用程序。
4.學(xué)習(xí)如何使用AngularJS創(chuàng)建常見的web任務(wù),例如更方便的將數(shù)據(jù)引入應(yīng)用程序。
而且這一切可在任何一個(gè)瀏覽器實(shí)現(xiàn),無需配置瀏覽器!
當(dāng)你完成了本教程后,您將學(xué)會(huì):
1.創(chuàng)建一個(gè)可在任何瀏覽器中的工作的動(dòng)態(tài)應(yīng)用。
2.了解AngularJS與其它JavaScript框架之間的區(qū)別。
3.了解AngularJS如何實(shí)現(xiàn)數(shù)據(jù)綁定。
4.利用AngularJS的種子項(xiàng)目快速創(chuàng)建自己的項(xiàng)目。
5.創(chuàng)建和運(yùn)行測(cè)試。
6.學(xué)習(xí)更多AngularJS標(biāo)識(shí)資源(API)。
本教程將指導(dǎo)您完成一個(gè)簡(jiǎn)單的應(yīng)用程序創(chuàng)建過程,包括編寫和運(yùn)行單元測(cè)試、不斷地測(cè)試應(yīng)用。 教程的每個(gè)步驟為您提供建議以了解更多有關(guān)AngularJS和您創(chuàng)建的web應(yīng)用程序。 您可能會(huì)在短時(shí)間內(nèi)快速讀完本教程,也可能需要花大量時(shí)間深入研究本教程。 如果想看一個(gè)簡(jiǎn)短的AngularJS介紹文檔,請(qǐng)查看[快速開始][ Getting Started]文檔。
搭建學(xué)習(xí)環(huán)境
無論是Mac、Linux或Windows環(huán)境中,您均可遵循本教程學(xué)習(xí)編程。您可以使用源代碼管理版本控制系統(tǒng)Git獲取本教程項(xiàng)目的源代碼文件,或直接從網(wǎng)上下載本教程項(xiàng)目源代碼文件的鏡像歸檔壓縮包。
1.您需要安裝Node.js和Testacular來運(yùn)行本項(xiàng)目,請(qǐng)到Node.js官方網(wǎng)站下載并安裝最新版,然后把node可執(zhí)行程序路徑添加到系統(tǒng)環(huán)境變量PATH中,完成后在命令行中運(yùn)行一下命令可以查看是否安裝成功:
node -version
然后安裝Testacular單元測(cè)試程序,請(qǐng)運(yùn)行如下命令:
npm install -g testacular
2.安裝Git工具,然后用以下命令從Github復(fù)制本教程項(xiàng)目的源代碼文件:
git clone git://github.com/angular/angular-phonecat.git
您也可以直接從網(wǎng)上下載本教程項(xiàng)目源代碼的鏡像歸檔壓縮包。這個(gè)命令會(huì)在您當(dāng)前文件夾中建立新文件夾angular-phonecat。
3.最后一件事要做的就是確保您的計(jì)算機(jī)安裝了web瀏覽器和文本編輯器。
4.進(jìn)入教程源代碼文件包angular-phonecat,運(yùn)行服務(wù)器后臺(tái)程序,開始學(xué)習(xí)AngularJS!
cd angular-phonecat
node scripts/web-server.js
相關(guān)文章
Angular懶加載動(dòng)態(tài)創(chuàng)建顯示該模塊下聲明的組件
這篇文章主要為大家介紹了Angular懶加載動(dòng)態(tài)創(chuàng)建顯示該模塊下聲明的組件,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-05-05
Angular 4根據(jù)組件名稱動(dòng)態(tài)創(chuàng)建出組件的方法教程
組件是我們?cè)趯W(xué)習(xí)angular中必不可少的一部分,下面這篇文章主要給大家介紹了關(guān)于Angular 4如何根據(jù)組件名稱動(dòng)態(tài)創(chuàng)建出組件的相關(guān)資料,文中通過圖文與示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來一起看看吧。2017-11-11
Angular2中select用法之設(shè)置默認(rèn)值與事件詳解
在Angular.JS中可以使用數(shù)組或?qū)ο髣?chuàng)建一個(gè)下拉列表選項(xiàng)。關(guān)于Angular.js中select的基礎(chǔ)相信大家應(yīng)該都已經(jīng)了解了,那么下面這篇文章主要給大家介紹了Angular2中select用法之設(shè)置默認(rèn)值與事件的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。2017-05-05
Angular.JS中指令ng-if的注意事項(xiàng)小結(jié)
AngularJS實(shí)現(xiàn)標(biāo)簽頁的兩種方式
實(shí)例詳解angularjs和ajax的結(jié)合使用
在Angular中實(shí)現(xiàn)一個(gè)級(jí)聯(lián)效果的下拉框的示例代碼

