-
service查看全部
-
http服務(wù)查看全部
-
一切都是從模塊開始查看全部
-
模塊切分方式查看全部
-
真實(shí)項(xiàng)目的完整項(xiàng)目結(jié)構(gòu)查看全部
-
雙向數(shù)據(jù)綁定查看全部
-
雙向數(shù)據(jù)綁定查看全部
-
angularjs中的service的特性: service都是單例的; 由$injector負(fù)責(zé)實(shí)例化; 在整個(gè)應(yīng)用的生命周期中存在,可以用來共享數(shù)據(jù); 在需要使用的地方,利用依賴注入機(jī)制注入service; 自定義的service需要寫在內(nèi)置的service后面; 內(nèi)置的service的命名以$符號(hào)開頭,自定義的service應(yīng)該避免;查看全部
-
angularjs中自定義的service在注入的時(shí)候,一定要寫在最后面查看全部
-
html: <div ng-controller='myCtrl'> <drink flavor={{ctrlFlavor}}></drink> </div> js: scope的綁定策略為@ var myModule = angular.module('MyModule', []); myModule.controller('myCtrl', ['$scope', function ($scope) { $scope.ctrlFlavor = '百威'; }]); myModule.directive('drink', function(){ return { restrict:'AE', scope:{ flavor:'@' //這樣寫的作用 就是將頁(yè)面中drink標(biāo)簽中的flavor屬性的值,傳遞給template中的flavor }, template:'<div>{{flavor}}</div>' } }); scope的綁定策略為= var myModule = angular.module('MyModule', []); myModule.controller('myCtrl', ['$scope', function ($scope) { $scope.ctrlFlavor = '百威'; }]); myModule.directive('drink', function(){ return { restrict:'AE', scope:{ flavor:'=' //這樣寫的作用會(huì)讓myCtrl中的ctrlFlavor與指令中的input的flavor始終保持同步,同時(shí)改變 }, template:'<input type=text ng-model={{flavor}}>' } });查看全部
-
指令中定義獨(dú)立scope,直接添加如下代碼:scope:{}查看全部
-
指令中l(wèi)ink函數(shù)有四個(gè)參數(shù),最后一個(gè)參數(shù)是父指令對(duì)象。第四個(gè)參數(shù)之后在require屬性有值的時(shí)候,才可以使用。 指令中可以定義controller,該controller用于開發(fā)一些指令中的公共方法,供外界使用查看全部
-
指令的link函數(shù)包含四個(gè)參數(shù):scope, element, attr, 父控制器查看全部
-
指令的link函數(shù),可以綁定事件,雙向數(shù)據(jù)綁定; 作用域在鏈接階段才會(huì)被綁定到編譯之后的link函數(shù)上; compile函數(shù)僅僅在編譯階段運(yùn)行一次,而對(duì)于指令的每個(gè)實(shí)例,link函數(shù)都會(huì)執(zhí)行一次; compile可以返回preLink和postLink函數(shù),而link函數(shù)只會(huì)返回postLink函數(shù); 如果需要修改DOM結(jié)構(gòu),應(yīng)該在postLink中來做這件事情,而如果在preLink中做這件事情會(huì)導(dǎo)致錯(cuò)誤; 大多數(shù)時(shí)候,我們只要編寫link函數(shù)即可;查看全部
-
一個(gè)完整的項(xiàng)目目錄結(jié)構(gòu)實(shí)例查看全部
舉報(bào)
0/150
提交
取消