東坡下載:內(nèi)容最豐富最安全的下載站!

幫助|文件類型庫(kù)|最新更新|下載分類|排行榜

桌面主題教育相關(guān)素材下載字體下載外語(yǔ)學(xué)習(xí)高考考研建筑圖集高考作文書法字體桌面壁紙CAD圖紙考研素材

首頁(yè)硬件驅(qū)動(dòng)硬件教程 → AngularJS初學(xué)者指南 pdf格式免費(fèi)版

AngularJS初學(xué)者指南

AngularJS初學(xué)者指南pdf格式免費(fèi)版

  • 大小:895KB
  • 語(yǔ)言:中文
  • 平臺(tái):WinAll
  • 更新:2014-12-23 10:20
  • 等級(jí):
  • 類型:書集教程
  • 網(wǎng)站:http://californiadebtcollectionlawyers.com
  • 授權(quán):免費(fèi)軟件
  • 廠商:
  • 產(chǎn)地:國(guó)產(chǎn)軟件
好用好玩 50%(0)
坑爹 坑爹 50%(0)
軟件介紹軟件截圖相關(guān)軟件軟件教程網(wǎng)友評(píng)論下載地址

本節(jié)內(nèi)容小編為大家精選帶來(lá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. 迭代器過(guò)濾 

7. 雙向綁定 

8.  XHR和依賴注入 

9. 鏈接與圖片模板 

10.路由與多視圖 

11.更多模板 

12.過(guò)濾器 

13.事件處理器 

14.REST和定制服務(wù) 

15.完結(jié)篇 

……

AngularJS快速開始 

Hello World! 

開始學(xué)習(xí)AngularJS的一個(gè)好方法是創(chuàng)建經(jīng)典應(yīng)用程序“Hello World!”: 1. 使用您喜愛(ài)的文本編輯器,創(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> 

請(qǐng)?jiān)谀臑g覽器中運(yùn)行以上代碼查看效果。 

現(xiàn)在讓我們仔細(xì)看看代碼,看看到底怎么回事。 當(dāng)加載該頁(yè)時(shí),標(biāo)記ng-app告訴AngularJS處理整個(gè)HTML頁(yè)并引導(dǎo)應(yīng)用: <html ng-app> 這行載入AngularJS腳本: 

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> (想了解AngularJS處理整個(gè)HTML頁(yè)的細(xì)節(jié),請(qǐng)看Bootstrap。) 最后,標(biāo)簽中的正文是應(yīng)用的模板,在UI中顯示我們的問(wèn)候語(yǔ): Hello {{'World'}}! 注意,使用雙大括號(hào)標(biāo)記{{}}的內(nèi)容是問(wèn)候語(yǔ)中綁定的表達(dá)式,這個(gè)表達(dá)式是一個(gè)簡(jiǎn)單的字符串‘World’。 下面,讓我們看一個(gè)更有趣的例子:使用AngularJS對(duì)我們的問(wèn)候語(yǔ)文本綁定一個(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ò)展的,這意味著通過(guò)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)用程序邏輯很容易編寫、測(cè)試、維護(hù)和理解。 模型數(shù)據(jù)(Data) 

模型是從AngularJS作用域?qū)ο蟮膶傩砸甑。模型中的?shù)據(jù)可能是Javascript對(duì)象、數(shù)組或基本類型,這都不重要,重要的是,他們都屬于AngularJS作用域?qū)ο蟆?nbsp;

AngularJS通過(guò)作用域來(lái)保持?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格式文檔資料下載,敬請(qǐng)關(guān)注東坡下載站!

PC官方
安卓官方手機(jī)版
IOS官方手機(jī)版

AngularJS初學(xué)者指南截圖

下載地址

AngularJS初學(xué)者指南 pdf格式免費(fèi)版

熱門評(píng)論
最新評(píng)論
發(fā)表評(píng)論 查看所有評(píng)論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)

編輯推薦

本類軟件排行

報(bào)錯(cuò)

請(qǐng)簡(jiǎn)要描述您遇到的錯(cuò)誤,我們將盡快予以修正。

轉(zhuǎn)帖到論壇
輪壇轉(zhuǎn)帖HTML方式

輪壇轉(zhuǎn)帖UBB方式