本節(jié)內(nèi)容小編為大家精選帶來的是pdf格式免費(fèi)版AngularJS初學(xué)者指南,如果你剛開始接觸AngularJS,正好需要這樣一份pdf格式的angularjs入門教程,那么就趕緊點(diǎn)擊本文下方的“下載地址”進(jìn)行下載吧!相信這篇教程一定不會(huì)讓你失望的!
溫馨提示:
本文檔為PDF格式文檔,因此需確保在閱讀之前你已經(jīng)安裝了PDF閱讀器,如果尚未安裝閱讀器,建議下載福昕PDF閱讀器或其他PDF閱讀器進(jìn)行安裝后閱讀。
AngularJS初學(xué)者指南內(nèi)容節(jié)選
……
AngularJS入門教程目錄
1. 快速開始
2. 導(dǎo)言和準(zhǔn)備
3. 引導(dǎo)程序
4. 靜態(tài)模板
5. AngularJS 模板
6. 迭代器過濾
7. 雙向綁定
8. XHR和依賴注入
9. 鏈接與圖片模板
10.路由與多視圖
11.更多模板
12.過濾器
13.事件處理器
14.REST和定制服務(wù)
15.完結(jié)篇
……
AngularJS快速開始
Hello World!
開始學(xué)習(xí)AngularJS的一個(gè)好方法是創(chuàng)建經(jīng)典應(yīng)用程序“Hello World!”: 1. 使用您喜愛的文本編輯器,創(chuàng)建一個(gè) HTML文件,例如:helloworld.html。 2. 將下面的源代碼復(fù)制到您的 HTML文件。 3. 在web瀏覽器中打開這個(gè) HTML文件。
源代碼
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body>
Hello {{'World'}}!
</body>
</html>
請?jiān)谀臑g覽器中運(yùn)行以上代碼查看效果。
現(xiàn)在讓我們仔細(xì)看看代碼,看看到底怎么回事。 當(dāng)加載該頁時(shí),標(biāo)記ng-app告訴AngularJS處理整個(gè)HTML頁并引導(dǎo)應(yīng)用: <html ng-app> 這行載入AngularJS腳本:
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> (想了解AngularJS處理整個(gè)HTML頁的細(xì)節(jié),請看Bootstrap。) 最后,標(biāo)簽中的正文是應(yīng)用的模板,在UI中顯示我們的問候語: Hello {{'World'}}! 注意,使用雙大括號(hào)標(biāo)記{{}}的內(nèi)容是問候語中綁定的表達(dá)式,這個(gè)表達(dá)式是一個(gè)簡單的字符串‘World’。 下面,讓我們看一個(gè)更有趣的例子:使用AngularJS對我們的問候語文本綁定一個(gè)動(dòng)態(tài)表達(dá)式。 Hello AngularJS World! 本示例演示AngularJS的雙向數(shù)據(jù)綁定(bi-directional data binding): 1. 編輯前面創(chuàng)建的 helloworld.html文檔。 2. 將下面的源代碼復(fù)制到您的 HTML文件。
3. 刷新瀏覽器窗口。
源代碼
……
AngularJS應(yīng)用的解析
本節(jié)描述AngularJS應(yīng)用程序的三個(gè)組成部分,并解釋它們?nèi)绾斡成涞侥P?視圖-控制器設(shè)計(jì)模式: 模板(Templates)
模板是您用HTML和CSS編寫的文件,展現(xiàn)應(yīng)用的視圖。 您可給HTML添加新的元素、屬性標(biāo)記,作為AngularJS編譯器的指令。 AngularJS編譯器是完全可擴(kuò)展的,這意味著通過AngularJS您可以在HTML中構(gòu)建您自己的HTML標(biāo)記! 應(yīng)用程序邏輯(Logic)和行為(Behavior)
應(yīng)用程序邏輯和行為是您用JavaScript定義的控制器。AngularJS與標(biāo)準(zhǔn)AJAX應(yīng)用程序不同,您不需要另外編寫偵聽器或DOM控制器,因?yàn)樗鼈円呀?jīng)內(nèi)置到AngularJS中了。這些功能使您的應(yīng)用程序邏輯很容易編寫、測試、維護(hù)和理解。 模型數(shù)據(jù)(Data)
模型是從AngularJS作用域?qū)ο蟮膶傩砸甑。模型中的?shù)據(jù)可能是Javascript對象、數(shù)組或基本類型,這都不重要,重要的是,他們都屬于AngularJS作用域?qū)ο蟆?nbsp;
AngularJS通過作用域來保持?jǐn)?shù)據(jù)模型與視圖界面UI的雙向同步。一旦模型狀態(tài)發(fā)生改變,AngularJS會(huì)立即刷新反映在視圖界面中,反之亦然。
此外,AngularJS還提供了一些非常有用的服務(wù)特性: 1. 底層服務(wù)包括依賴注入,XHR、緩存、URL路由和瀏覽器抽象服務(wù)。 2. 您還可以擴(kuò)展和添加自己特定的應(yīng)用服務(wù)。
3. 這些服務(wù)可以讓您非常方便的編寫 WEB應(yīng)用。
……
AngularJS初學(xué)者指南相關(guān)內(nèi)容小編就為大家介紹到這里了,更多pdf格式文檔資料下載,敬請關(guān)注東坡下載站!
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版