澶辨晥閾炬帴澶勭悊 |
AngularJS瀹炴垬 PDF 涓嬭澆
杞澆鑷細(xì)http://download.csdn.net/detail/sinophp123/9660661
鏈珯鏁寸悊涓嬭澆錛?/strong>鐗堟潈褰掑嚭鐗堢ぞ鍜屽師浣滆€呮墍鏈夛紝閾炬帴宸插垹闄わ紝璇瘋喘涔版鐗?/b>
鐢ㄦ埛涓嬭澆璇存槑錛?/strong>
鐢?shù)瀛愮増浠呬緵棰勮锛屼笅铦插?4灝忔椂鍐呭姟蹇呭垹闄わ紝鏀寔姝g増錛屽枩嬈㈢殑璇瘋喘涔版鐗堜功綾嶏細(xì)
http://e.dangdang.com/products/1900492591.html
鐩稿叧鎴浘錛?br />
![]() 璧勬枡綆€浠嬶細(xì) 鏈功閫氳繃鐞嗚涓庡疄璺電浉緇撳悎鐨勬柟寮忥紝綺鵑€変簡92涓畝媧併€佸疄鐢ㄧ殑瀹炰緥錛岀敤鐢辨祬娣便€侀€愬眰鎺ㄧ殑鏂瑰紡錛岃緇嗗湴灞曠ず浜咥ngular浣滀負(fù)鍓嶇Web欏甸潰鍙戞柊鍒╁櫒鐨勬柟鏂歸潰闈€傞€氳繃鏈功鐨勫涔?fàn)锛岃鑰呬笉浠呭彲浠ュ叏闈簡瑙e茍鎺屾彙鏁翠釜Angular妗嗘灦鐨勮瀹炲唴瀹癸紝鑰屼笖榪樿兘浣撲細(xì)鍒癆ngular妗嗘灦寮哄ぇ鍔熻兘鎵€甯︽潵鐨勪唬鐮佺殑浼樺寲錛屽揩閫熴€侀珮鏁堝湴鍙戝嚭鍙椾漢鍠滅埍鐨刉eb搴旂敤銆?/span> 銆€銆€鏈功涓昏鍐呭錛?/span> 銆€銆€1. 瀵笰ngular鐗廣€侀€傜敤鑼冨洿銆佸彂鐜琛岃瑙o紝騫跺彂綆€鍗曠殑Angular欏甸潰搴旂敤錛?/span> 銆€銆€2. 瀵笰ngular琛ㄨ揪寮忋€佹帶鍒跺櫒銆佹ā鏉夸腑鐨勮繃婊ゅ櫒銆佽繃婊ゅ櫒鐨勫簲鐢ㄧ殑璇︾粏璁茶В錛?/span> 銆€銆€3. 瀵笰ngular鏁版嵁緇戝畾涓庝綔鐢ㄥ煙鍔熻兘鐨勮緇嗚瑙o紱 銆€銆€4. 瀵逛緷璧栨敞銆佹敞鏍囪銆佸満鏅殑璇︾粏璁茶В錛?/span> 銆€銆€5. 瀵笰ngular涓殑MVC鍚勪釜緇勬垚閮ㄥ垎Model銆丆ontroller銆乂iew緇勪歡琛岃緇嗚瑙o紱 銆€銆€6. 浠嬬粛浜咥ngular鏈嶅姟鐨勬蹇碉紝騫惰瑙f湇鍔$殑鍒涘緩銆佺鐞嗗拰鍦ㄦ帶鍒跺櫒涓敞鏈嶅姟錛?/span> 銆€銆€7. 瀵笰ngular涓庢湇鍔$鐨勪氦浜掋€佸崟鍏冩祴璇曞拰浜や簰瀹夊叏琛屼簡璇︾粏鐨勮瑙o紱 銆€銆€8. 鍙慉ngular搴旂敤鏃剁殑娉ㄦ剰浜嬮」鍜?瀹炶返錛?/span> 璧勬枡鐩綍錛?/strong> 鍓嶈█ 絎?绔?鍒濊瘑Angular 1.1 Angular綆€浠?/p> 1.1.1 鐗圭偣 1.1.2 閫傜敤鑼冨洿 1.1.3 鎼緩寮€鍙慉ngular搴旂敤鐨勭幆澧?/p> 1.2 寮€鍙戠畝鍗曠殑Angular搴旂敤 紺轟緥1-1 緙栧啓涓€涓畝鍗曠殑Angular紼嬪簭 紺轟緥1-2 緙栧啓涓€涓叿鏈夎綆楀姛鑳界殑Angular紼嬪簭 紺轟緥1-3 緙栧啓涓€涓粦瀹氶〉闈㈠厓绱犵殑Angular紼嬪簭 紺轟緥1-4 緙栧啓涓€涓粦瀹氬涓〉闈㈠厓绱犵殑Angular紼嬪簭 1.3 鏈珷灝忕粨 絎?绔?Angular鍩虹鐭ヨ瘑 2.1 Angular涓殑琛ㄨ揪寮?/p> 2.1.1 Angular琛ㄨ揪寮忎笌JavaScript琛ㄨ揪寮忕殑鍖哄埆 紺轟緥2-1 Angular琛ㄨ揪寮忎笌JavaScript琛ㄨ揪寮忎箣闂寸殑鐩鎬簰璋冪敤 2.1.2 $window紿楀彛瀵硅薄鍦ㄨ〃杈懼紡涓殑浣跨敤 紺轟緥2-2 $window紿楀彛瀵硅薄鍦ㄨ〃杈懼紡涓殑浣跨敤 2.1.3 Angular琛ㄨ揪寮忕殑瀹歸敊鎬?/p> 紺轟緥2-3 Angular琛ㄨ揪寮忕殑瀹歸敊鎬?/p> 2.2 Angular涓殑鎺у埗鍣?/p> 2.2.1 鎺у埗鍣ㄧ殑姒傚康 2.2.2 鎺у埗鍣ㄥ垵濮嬪寲$scope瀵硅薄 紺轟緥2-4 鎺у埗鍣ㄥ垵濮嬪寲$scope瀵硅薄 2.2.3 娣誨姞$scope瀵硅薄鏂規(guī)硶 紺轟緥2-5 閫氳繃琛ㄨ揪寮忕粦瀹?scope瀵硅薄鐨勬柟娉?/p> 紺轟緥2-6 鍦ㄤ簨浠朵腑緇戝畾$scope瀵硅薄鐨勬柟娉?/p> 紺轟緥2-7 娣誨姞甯﹀弬鏁扮殑$scope鏂規(guī)硶 2.2.4 $scope瀵硅薄灞炴€у拰鏂規(guī)硶鐨勭戶鎵?/p> 紺轟緥2-8 $scope瀵硅薄涓柟娉曞拰灞炴€х殑緇ф壙 2.3 Angular涓殑妯℃澘 2.3.1 鏋勫緩妯℃澘鍐呭 紺轟緥2-9 鏋勫緩妯℃澘鍐呭 2.3.2 浣跨敤鎸囦護(hù)澶嶅埗鍏冪礌 紺轟緥2-10 浣跨敤鎸囦護(hù)澶嶅埗鍏冪礌 2.3.3 娣誨姞鍏冪礌鏍峰紡 紺轟緥2-11 娣誨姞鍏冪礌鏍峰紡 2.3.4 鎺у埗鍏冪礌鐨勯殣钘忎笌鏄劇ず鐘舵€?/p> 紺轟緥2-12 鎺у埗鍏冪礌鐨勯殣钘忎笌鏄劇ず鐘舵€?/p> 2.4 妯℃澘涓殑琛ㄥ崟鎺т歡 2.4.1 琛ㄥ崟鍩烘湰楠岃瘉鍔熻兘 紺轟緥2-13 琛ㄥ崟鍩烘湰楠岃瘉鍔熻兘 2.4.2 琛ㄥ崟涓殑checkbox鍜宺adio鎺т歡 紺轟緥2-14 琛ㄥ崟涓殑checkbox鍜宺adio鎺т歡 2.4.3 琛ㄥ崟涓殑select鎺т歡 紺轟緥2-15 琛ㄥ崟涓殑select鎺т歡 2.5 鏈珷灝忕粨 絎?绔?Angular鐨勮繃婊ゅ櫒鍜屼綔鐢ㄥ煙 3.1 妯℃澘涓殑榪囨護(hù)鍣?/p> 3.1.1 鎺掑簭鏂瑰紡榪囨護(hù) 紺轟緥3-1 鎺掑簭鏂瑰紡榪囨護(hù) 3.1.2 鍖歸厤鏂瑰紡榪囨護(hù) 紺轟緥3-2 鍖歸厤鏂瑰紡榪囨護(hù) 3.1.3 鑷畾涔夎繃婊ゅ櫒 紺轟緥3-3 鑷畾涔夎繃婊ゅ櫒 3.2 榪囨護(hù)鍣ㄧ殑搴旂敤 3.2.1 琛ㄥご鎺掑簭 紺轟緥3-4 琛ㄥご鎺掑簭 3.2.2 瀛楃鏌ユ壘 紺轟緥3-5 瀛楃鏌ユ壘 3.3 浣滅敤鍩熸榪?/p> 3.3.1 浣滅敤鍩熺壒鐐?/p> 紺轟緥3-6 $watch鏂規(guī)硶鐨勪嬌鐢?/p> 3.3.2 浣滀負(fù)鏁版嵁妯″瀷鐨勪綔鐢ㄥ煙 紺轟緥3-7 浣滀負(fù)鏁版嵁妯″瀷鐨勪綔鐢ㄥ煙 3.4 浣滅敤鍩熺殑灞傜駭鍜屼簨浠?/p> 3.4.1 浣滅敤鍩熺殑灞傜駭 紺轟緥3-8 浣滅敤鍩熺殑灞傜駭 3.4.2 浣滅敤鍩熶簨浠剁殑浼犳挱 紺轟緥3-9 浣滅敤鍩熶簨浠剁殑浼犳挱 3.5 鏈珷灝忕粨 絎?绔?Angular鐨勪緷璧栨敞鍏?/p> 4.1 渚濊禆娉ㄥ叆浠嬬粛 4.1.1 渚濊禆娉ㄥ叆鐨勫師鐞?/p> 紺轟緥4-1 渚濊禆娉ㄥ叆鐨勫師鐞?/p> 4.1.2 綆€鍗曚緷璧栨敞鍏ョ殑紺轟緥 紺轟緥4-2 綆€鍗曚緷璧栨敞鍏ョ殑紺轟緥 4.2 渚濊禆娉ㄥ叆鏍囪 4.2.1 鎺ㄦ柇寮忔敞鍏?/p> 紺轟緥4-3 鎺ㄦ柇寮忔敞鍏ョ殑紺轟緥 4.2.2 鏍囪寮忔敞鍏?/p> 紺轟緥4-4 鏍囪寮忔敞鍏ョ殑紺轟緥 4.2.3 琛屽唴寮忔敞鍏?/p> 紺轟緥4-5 琛屽唴寮忔敞鍏ョ殑紺轟緥 4.3 $injector甯哥敤API 4.3.1 has鍜実et鏂規(guī)硶 紺轟緥4-6 has鍜実et鏂規(guī)硶鐨勭ず渚?/p> 4.3.2 invoke鏂規(guī)硶 紺轟緥4-7 invoke鏂規(guī)硶鐨勭ず渚?/p> 4.3.3 渚濊禆娉ㄥ叆搴旂敤鐨勫満鏅?/p> 4.4 鏈珷灝忕粨 絎?绔?Angular涓璏VC妯″紡 5.1 MVC妯″紡姒傝堪 5.1.1 MVC綆€浠?/p> 5.1.2 浣跨敤Angular涓璏VC鐨勪紭鍔垮拰緙虹偣 5.2 Model緇勪歡 5.2.1 Model緇勪歡鐨勫熀紜€姒傚康 紺轟緥5-1 Model緇勪歡鐨勫熀紜€姒傚康 5.2.2 浣跨敤ngRepeater鏂瑰紡閬嶅巻Model瀵硅薄 紺轟緥5-2 浣跨敤ngRepeater鏂瑰紡閬嶅巻Model瀵硅薄 5.3 Controller緇勪歡 5.3.1 鎺у埗鍣ㄧ殑灞炴€у拰鏂規(guī)硶 紺轟緥5-3 鎺у埗鍣ㄧ殑灞炴€у拰鏂規(guī)硶 5.3.2 鎺у埗鍣ㄦ柟娉曚腑鐨勫弬鏁?/p> 紺轟緥5-4 鎺у埗鍣ㄦ柟娉曚腑鐨勫弬鏁?/p> 5.3.3 鎺у埗鍣ㄤ腑灞炴€у拰鏂規(guī)硶鐨勭戶鎵?/p> 紺轟緥5-5 鎺у埗鍣ㄤ腑灞炴€у拰鏂規(guī)硶鐨勭戶鎵?/p> 5.4 View緇勪歡 5.4.1 View緇勪歡涓殑妯℃澘鍒囨崲 紺轟緥5-6 View緇勪歡涓殑妯℃澘鍒囨崲 5.4.2 鍦ㄥ垏鎹㈣鍥炬ā鏉挎椂浼犲弬鏁?/p> 紺轟緥5-7 澶氶〉闈㈠垏鎹㈠茍浼犻€掑弬鏁?/p> 5.5 鏈珷灝忕粨 絎?绔?Angular鐨勬湇鍔?/p> 6.1 Angular鏈嶅姟浠嬬粛 6.1.1 鍐呯疆鏈嶅姟 紺轟緥6-1 鍐呯疆鏈嶅姟璋冪敤 6.1.2 鑷畾涔夋湇鍔?/p> 紺轟緥6-2 浣跨敤$provide鑷畾涔夋湇鍔?/p> 6.2 鍒涘緩Angular鏈嶅姟 6.2.1 浣跨敤factory鏂規(guī)硶鑷畾涔夋湇鍔?/p> 紺轟緥6-3 浣跨敤factory鏂規(guī)硶鑷畾涔夋湇鍔?/p> 6.2.2 浣跨敤service鏂規(guī)硶鑷畾涔夋湇鍔?/p> 紺轟緥6-4 浣跨敤service鏂規(guī)硶鑷畾涔夋湇鍔?/p> 6.2.3 浣跨敤constant鍜寁alue鏂規(guī)硶鑷畾涔夋湇鍔?/p> 紺轟緥6-5 浣跨敤constant鍜寁alue鏂規(guī)硶鑷畾涔夋湇鍔?/p> 6.3 綆$悊鏈嶅姟鐨勪緷璧?/p> 6.3.1 娣誨姞鑷畾涔夋湇鍔′緷璧栭」鏂規(guī)硶 紺轟緥6-6 娣誨姞鑷畾涔夋湇鍔′緷璧栭」鏂規(guī)硶 6.3.2 宓屽娉ㄥ叆鏈嶅姟 紺轟緥6-7 宓屽娉ㄥ叆鏈嶅姟 6.4 娣誨姞鏈嶅姟鐨勫叾浠栬緗?/p> 6.4.1 鏈嶅姟鐨勮楗板櫒 紺轟緥6-8 鏈嶅姟鐨勮楗板櫒 6.4.2 鏈嶅姟鐨勫渚嬫€?/p> 紺轟緥6-9 鏈嶅姟鐨勫渚嬫€?/p> 6.5 鏈珷灝忕粨 絎?绔?Angular涓庢湇鍔$浜や簰 7.1 涓庢湇鍔$浜や簰浠嬬粛 7.1.1 浼犵粺鐨凙JAX鏂瑰紡涓庢湇鍔$浜や簰 紺轟緥7-1 浼犵粺鐨凙JAX鏂瑰紡涓庢湇鍔$浜や簰 7.1.2 浣跨敤$http蹇嵎鏂規(guī)硶涓庢湇鍔$浜や簰 紺轟緥7-2 浣跨敤$http蹇嵎鏂規(guī)硶涓庢湇鍔$浜や簰 7.1.3 浣跨敤$http閰嶇疆瀵硅薄鏂瑰紡涓庢湇鍔$浜や簰 紺轟緥7-3 浣跨敤$http閰嶇疆瀵硅薄鏂瑰紡涓庢湇鍔$浜や簰 7.2 Angular涓殑緙撳瓨 7.2.1 $cacheFactory鏈嶅姟鍒涘緩緙撳瓨瀵硅薄 紺轟緥7-4 $cacheFactory鏈嶅姟鍒涘緩緙撳瓨瀵硅薄 7.2.2 $http鏈嶅姟涓殑緙撳瓨 紺轟緥7-5 $http鏈嶅姟涓殑緙撳瓨 7.2.3 鑷畾涔?http鏈嶅姟涓殑緙撳瓨 紺轟緥7-6 鑷畾涔?http鏈嶅姟涓殑緙撳瓨 7.3 $resource鏈嶅姟 7.3.1 $resource鏈嶅姟鐨勪嬌鐢ㄥ拰瀵硅薄涓殑鏂規(guī)硶 紺轟緥7-7 $resource瀵硅薄涓柟娉曠殑浣跨敤 7.3.2 鍦?resource鏈嶅姟涓嚜瀹氫箟璇鋒眰鏂規(guī)硶 紺轟緥7-8 $resource鏈嶅姟涓嚜瀹氫箟鏂規(guī)硶 7.4 promise瀵硅薄 7.4.1 promise鐨勫熀鏈蹇靛拰浣跨敤鏂規(guī)硶 紺轟緥7-9 promise瀵硅薄鐨勫垱寤哄拰浣跨敤 7.4.2 promise瀵硅薄鍦?http涓殑搴旂敤 紺轟緥7-10 promise瀵硅薄鍦?http涓殑搴旂敤 7.5 鏈珷灝忕粨 絎?绔?Angular鐨勬寚浠?/p> 8.1 Angular鎸囦護(hù)姒傝堪 8.1.1 鎸囦護(hù)瀹氫箟鐨勫熀紜€ 紺轟緥8-1 鍒涘緩涓€涓柊鐨勬寚浠?/p> 8.1.2 璁劇疆鎸囦護(hù)瀵硅薄鐨勫熀紜€灞炴€?/p> 紺轟緥8-2 璁劇疆鎸囦護(hù)瀵硅薄鐨勫熀紜€灞炴€?/p> 8.2 Angular鎸囦護(hù)瀵硅薄鐨勯噸瑕佸睘鎬?/p> 8.2.1 鎸囦護(hù)瀵硅薄涓殑transclude灞炴€?/p> 紺轟緥8-3 璁劇疆鎸囦護(hù)瀵硅薄涓殑transclude灞炴€?/p> 8.2.2 鎸囦護(hù)瀵硅薄涓殑link灞炴€?/p> 紺轟緥8-4 璁劇疆鎸囦護(hù)瀵硅薄涓殑link灞炴€?/p> 8.2.3 鎸囦護(hù)瀵硅薄涓殑compile灞炴€?/p> 紺轟緥8-5 璁劇疆鎸囦護(hù)瀵硅薄涓殑compile灞炴€?/p> 8.3 Angular鎸囦護(hù)瀵硅薄鐨剆cope灞炴€?/p> 8.3.1 scope灞炴€ф槸甯冨皵鍊?/p> 紺轟緥8-6 scope灞炴€ф槸甯冨皵鍊?/p> 8.3.2 scope灞炴€ф槸瀵硅薄 紺轟緥8-7 scope灞炴€ф槸JSON瀵硅薄 8.4 Angular鎸囦護(hù)瀵硅薄鐨剅equire鍜宑ontroller灞炴€?/p> 8.4.1 require鍜宑ontroller灞炴€х殑姒傚康 8.4.2 涓€涓嬌鐢╮equire鍜宑ontroller灞炴€х殑紺轟緥 紺轟緥8-8 涓€涓嬌鐢╮equire鍜宑ontroller灞炴€х殑紺轟緥 8.5 鏈珷灝忕粨 絎?绔?浣跨敤$location 9.1 鍒濊瘑$location 9.1.1 璋冪敤$location瀵硅薄鐨勫彧璇繪柟娉?/p> 紺轟緥9-1 璋冪敤$location瀵硅薄鐨勫彧璇繪柟娉?/p> 9.1.2 璋冪敤$location瀵硅薄鐨勮鍐欑被鏂規(guī)硶 紺轟緥9-2 璋冪敤$location瀵硅薄鐨勮鍐欐柟娉?/p> 9.2 $location瀵硅薄鐨勪簨浠?/p> 9.2.1 $locationChangeStart浜嬩歡 紺轟緥9-3 鎹曟崏$locationChangeStart浜嬩歡 9.2.2 $locationChangeSuccess浜嬩歡 紺轟緥9-4 鎹曟崏$locationChangeSuccess浜嬩歡 9.3 璺敱妯″紡鍜屽湴鍧€鍙樻洿 9.3.1 鏍囩錛坔ashbang錛夋ā寮?/p> 紺轟緥9-5 鏍囩妯″紡涓嬭幏鍙栭〉闈RL涓殑鍐呭 9.3.2 HTML 5妯″紡 紺轟緥9-6 HTML 5妯″紡涓嬭幏鍙栭〉闈RL涓殑鍐呭 9.3.3 妯″紡闂寸殑鍖哄埆涓庡叧鑱?/p> 紺轟緥9-7 涓ょ妯″紡涓嬪垎鍒幏鍙栭〉闈RL涓殑鍐呭 9.3.4 璺敱瀵硅薄鏂規(guī)硶鐨勫弻鍚戠粦瀹?/p> 紺轟緥9-8 璺敱瀵硅薄鏂規(guī)硶鐨勫弻鍚戠粦瀹?/p> 9.4 鏈珷灝忕粨 絎?0绔?浣跨敤Angular寮€鍙戠殑娉ㄦ剰浜嬮」鍜屾渶浣?jīng)_疄璺?/p> 10.1 欏甸潰鍏冪礌鐨勬帶鍒?/p> 10.1.1 璋冪敤element鏂規(guī)硶鎺у埗DOM鍏冪礌 紺轟緥10-1 璋冪敤element鏂規(guī)硶鎺у埗DOM鍏冪礌 10.1.2 瑙e喅setTimeout鏀瑰彉灞炴€х殑鏃犳晥 紺轟緥10-2 瑙e喅setTimeout鏀瑰彉灞炴€х殑鏃犳晥 10.1.3 瑙e喅鍙屽ぇ鎷彿緇戝畾鍏冪礌鏃剁殑闂儊闂 紺轟緥10-3 瑙e喅鍙屽ぇ鎷彿緇戝畾鍏冪礌鏃剁殑闂儊闂 10.2 浣跨敤ng-repeat鏃剁殑娉ㄦ剰浜嬮」 10.2.1 娉ㄦ剰ng-repeat涓殑绱㈠紩鍙?/p> 紺轟緥10-4 娉ㄦ剰ng-repeat涓殑绱㈠紩鍙?/p> 10.2.2 浣跨敤track by鎺掑簭ng-repeat涓殑鏁版嵁 紺轟緥10-5 浣跨敤track by鎺掑簭ng-repeat涓殑鏁版嵁 10.2.3 姝g‘鐞嗚Вng-repeat鎸囦護(hù)涓璼cope鐨勭戶鎵垮叧緋?/p> 紺轟緥10-6 姝g‘鐞嗚Вng-repeat鎸囦護(hù)涓璼cope鐨勭戶鎵垮叧緋?/p> 10.3 瑙e喅鍗曞嚮鎸夐挳浜嬩歡涓殑鍐掓場鐜拌薄 紺轟緥10-7 瑙e喅鍗曞嚮鎸夐挳浜嬩歡涓殑鍐掓場鐜拌薄 10.4 閲婃斁澶氫綑鐨?watch鐩戞祴鍑芥暟 紺轟緥10-8 閲婃斁澶氫綑鐨?watch鐩戞祴鍑芥暟 10.5 瑙e喅ng-if涓璶g-model鍊兼棤鏁堢殑闂 紺轟緥10-9 瑙e喅ng-if涓璶g-model鍊兼棤鏁堢殑闂 10.6 鏈珷灝忕粨 絎?1绔?緇煎悎妗堜緥寮€鍙?/p> 11.1 鍩轟簬AngularJS浣跨敤canvas緇樺埗鍦嗗艦榪涘害鏉?/p> 11.1.1 闇€姹傚垎鏋?/p> 11.1.2 鐣岄潰鏁堟灉 11.1.3 鍔熻兘寮€鍙?/p> 11.1.4 婧愮爜瑙f瀽 11.2 浣跨敤AngularJS寮€鍙戜竴涓娊濂栧簲鐢?/p> 11.2.1 闇€姹傚垎鏋?/p> 11.2.2 鐣岄潰鏁堟灉 11.2.3 鍔熻兘寮€鍙?/p> 11.2.4 婧愮爜瑙f瀽
11.3 鏈珷灝忕粨 |