angularjs入門心得之directive和controller通信過程_angularjs

angularjs入門心得之directive和controller通信過程_angularjs

ID:30774071

大?。?34.61 KB

頁數(shù):9頁

時(shí)間:2019-01-03

angularjs入門心得之directive和controller通信過程_angularjs_第1頁
angularjs入門心得之directive和controller通信過程_angularjs_第2頁
angularjs入門心得之directive和controller通信過程_angularjs_第3頁
angularjs入門心得之directive和controller通信過程_angularjs_第4頁
angularjs入門心得之directive和controller通信過程_angularjs_第5頁
資源描述:

《angularjs入門心得之directive和controller通信過程_angularjs》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、AngularJS入門心得之directive和controller通信過程AngularJS通過新的屬性和表達(dá)式擴(kuò)展了HTML。Angularjs學(xué)習(xí)起來也非常的簡(jiǎn)單。1.AngularJS是何方神圣AngularJS(Angular.JS)是一組用來開發(fā)Web貝面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。它支持整個(gè)開發(fā)進(jìn)程,提供web應(yīng)用的架構(gòu),無需進(jìn)行手工DOM操作。AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。HTML是一門很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語言,但要構(gòu)建WEB應(yīng)

2、用的話它就顯得乏力了。這里AngularJS就應(yīng)運(yùn)而生,彌補(bǔ)了HTML的天然缺陷,用于構(gòu)件Web應(yīng)用等。2.如何了解AngularJSAngularJS誕生于2009年,由MiskoHevery等人創(chuàng)建,后為Google所收購。AngularJS官網(wǎng):http://;?v.angularjs.org(一般來說會(huì)被墻掉,所以可以訪問下面的網(wǎng)站)AngularJS中文網(wǎng)站:http://www.ngnice.com書籍:《AngularJS權(quán)威教程》《用AngularJS開發(fā)下一-代Web應(yīng)用》等。個(gè)人意

3、見,F(xiàn)oryourinformation備注:視頻教程,最近有看過大漠老師的AngularJS教程,覺得述不錯(cuò),但是感覺沒有一點(diǎn)基礎(chǔ)還是聽不懂的,或者要看好兒遍(不是做廣告)3?為什么要了解AngularJS一項(xiàng)新技術(shù)能夠面世,為眾人所知,從而脫引而出,定然不是空穴來風(fēng),肯定有其標(biāo)新立異的過人之處,主要有以下幾點(diǎn):(1)MVC的思想(或者是MVVM)(2)模塊化和依賴注入(3)雙向數(shù)據(jù)綁定(4)指令每一個(gè)特性都可以大篇幅的展開,顯然,目前能力不夠,沒法展開,冇興趣可以網(wǎng)上搜下,大體了解。今天主耍來說說

4、AngularJS的三個(gè)指令“@“二”,“"的用法和區(qū)別(這個(gè)問題困擾了我大半天,^11Frank交流多次,我才明門)1?指令作用域中的?作用是把當(dāng)前屈性作為字符吊傳遞。先上代碼,前臺(tái)界面:

5、ater二〃{{pureWater}},zX/drink>

JS代碼:varmyModule=angular.module(z,MyModulez,,[]);myModule.controllerMyCtrT,「$scopc',function($scopc){$scope.pureWater二〃純凈水〃;}])myModule.direc

6、tive(/zdrinkz,,function(){return{restrict:'AE"、scope:{water:'},template:z,

{{water}}〈/div>"});執(zhí)行的結(jié)果平淡無奇,卻暗藏玄機(jī):純凈水QElcmentiNctg—SotieculT

7、p>vodule-t[]);■]C/U?rvAdminiftfMOctlon(){臺(tái)ScopcAt^i6return(restrict:?口CIS?scooe:t9BBt?r:Ith33>x<(1)HTML頁面中,聲明一個(gè)標(biāo)簽

8、,其中定義一個(gè)屬性名:water屬性值:pureWater(這里的{{}}是angularjs的一種常見表達(dá)式,類似于ng-model,用于值綁定)(2)JS文件中,首先從模塊開始,然后創(chuàng)建一個(gè)控制器行2"亍4,再定義一個(gè)指令,主要實(shí)現(xiàn)的是將,z,z替換為,z

{{water}}
,z標(biāo)簽顯示(3)重點(diǎn)介紹這里的scope:{water:'該表達(dá)式等價(jià)于:link:function(scope,clement

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。