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)用戶操作的動態(tài)數(shù)據(jù)視圖。
2.學(xué)習(xí)如何使用AngularJS創(chuàng)建數(shù)據(jù)偵聽器,且不需要進(jìn)行DOM操作。
3.學(xué)習(xí)一種更好、更簡單的方法來測試您的web應(yīng)用程序。
4.學(xué)習(xí)如何使用AngularJS創(chuàng)建常見的web任務(wù),例如更方便的將數(shù)據(jù)引入應(yīng)用程序。
而且這一切可在任何一個(gè)瀏覽器實(shí)現(xiàn),無需配置瀏覽器!
當(dāng)你完成了本教程后,您將學(xué)會:
1.創(chuàng)建一個(gè)可在任何瀏覽器中的工作的動態(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)行測試。
6.學(xué)習(xí)更多AngularJS標(biāo)識資源(API)。
本教程將指導(dǎo)您完成一個(gè)簡單的應(yīng)用程序創(chuàng)建過程,包括編寫和運(yùn)行單元測試、不斷地測試應(yīng)用。 教程的每個(gè)步驟為您提供建議以了解更多有關(guān)AngularJS和您創(chuàng)建的web應(yīng)用程序。 您可能會在短時(shí)間內(nèi)快速讀完本教程,也可能需要花大量時(shí)間深入研究本教程。 如果想看一個(gè)簡短的AngularJS介紹文檔,請查看[快速開始][ 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)目,請到Node.js官方網(wǎng)站下載并安裝最新版,然后把node可執(zhí)行程序路徑添加到系統(tǒng)環(huán)境變量PATH中,完成后在命令行中運(yùn)行一下命令可以查看是否安裝成功:
node -version
然后安裝Testacular單元測試程序,請運(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è)命令會在您當(dāng)前文件夾中建立新文件夾angular-phonecat。
3.最后一件事要做的就是確保您的計(jì)算機(jī)安裝了web瀏覽器和文本編輯器。
4.進(jìn)入教程源代碼文件包angular-phonecat,運(yùn)行服務(wù)器后臺程序,開始學(xué)習(xí)AngularJS!
cd angular-phonecat
node scripts/web-server.js
相關(guān)文章
Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框選擇
這篇文章主要為大家介紹了Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框取消選擇實(shí)現(xiàn)問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05AngularJs ng-route路由詳解及實(shí)例代碼
這篇文章主要介紹了AngularJs ng-route路由,這里整理相關(guān)資料及簡單實(shí)例代碼,有興趣的小伙伴可以參考下2016-09-09Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼詳解
這篇文章主要給大家介紹了關(guān)于Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06Angular.js實(shí)現(xiàn)掃碼槍掃碼并生成二維碼
這篇文章主要為大家介紹了Angular.js實(shí)現(xiàn)掃碼槍掃碼并生成二維碼示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03