                        課程
                    
                        /前端開發(fā)
                        
                            /Angular
                        
                        /AngularJS實(shí)戰(zhàn)

在3分24秒講的這里我不想讓方法名字是loadData和loadData2不行嗎

我兩個(gè)方法都叫l(wèi)oadData 不行嗎然后loadData里面console log的東西不一樣然后在link里面直接調(diào)用loadData方法 ? ?就不用在leader標(biāo)簽內(nèi)和 howtoload了這樣不行嗎?這種方法跟老師寫的方法有什么區(qū)別呢有大神給解釋一下嗎

qq_Young_Foreve_03924380

2016-10-29

源自：AngularJS實(shí)戰(zhàn) 2-10

關(guān)注問題我要回答

1054

操作

收起

5 回答

睡真人
2017-01-21

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</div>

</div>

</body>

</html>

var myModule=angular.module("MyModule",[]);

myModule.controller('MyCtrl',['$scope',function($scope){

$scope.loadData=function(){

console.log("加載數(shù)據(jù)中...");

}

}]);

myModule.controller('MyCtrl2',['$scope',function($scope){

$scope.loadData2=function(){

console.log("加載數(shù)據(jù)中...222");

}

}]);

myModule.directive("loader",function(){

return{

restrict:"AE",

link:function(scope,element,attr){

element.bind("mouseenter",function(){

//scope.loadData();

scope.$apply("loadData()");

scope.$apply("loadData2()");

});

}

});

</script>

我這樣可以運(yùn)行，跟加howtoload方法有什么不同嗎

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3238993
2017-01-05

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<script?src="js/1.6/angular.js"></script>
</head>
<body?ng-app="myApp">
<div?ng-controller="myCtrl">
<h2>
<loader>加載數(shù)據(jù)....</loader>
</h2>
</div>
<div?ng-controller="myCtrl2">
<h2>
<loader>加載數(shù)據(jù)....222</loader>
</h2>
</div>

<script>
var?app?=?angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.loadData?=?function(){
console.log("加載數(shù)據(jù)....111");
}
})
app.controller("myCtrl2",function($scope){
$scope.loadData?=?function(){
console.log("加載數(shù)據(jù)....222");
}
console.log(window)
})
app.directive("loader",function(){
return?{
restrct:?"AE",
link:function(scope,element,attr){
element.bind("mouseenter",function(){?
scope.loadData();

})
}
}
})
</script>
</body>
</html>

可以寫一樣的loadData啊，我試了都能輸出，是版本不同么？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3713024
2016-12-06

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>

</head>
<body ng-app="myApp">
? ?<div ng-controller="myCtrl">
? ? ? ?<loader howToLoad="loadData()">滑動(dòng)加載</loader>
? ?</div>
? ?<div ng-controller="myCtrl2">
? ? ? ?<loader howToLoad="loadData()">滑動(dòng)加載</loader>
? ?</div>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app=angular.module("myApp",[]);
? ?app.controller("myCtrl",["$scope",function ($scope) {
? ? ? ?$scope.loadData=function () {
? ? ? ? ? ?console.log("數(shù)據(jù)加載中。。。。。。")
}
? ?}]);
app.controller("myCtrl2",["$scope",function ($scope) {
? ?$scope.loadData=function () {
? ? ? ?console.log("數(shù)據(jù)加載中222。。。。。。")
}
}]);
? ?app.directive("loader",function () {
? ? ? ?return{
? ? ? ? ? ?restrict:"AE",
? ? ? ? ? ?link:function (scope, element, attr) {
? ? ? ? ? ? ? ?element.bind("mouseenter",function () {
scope.$apply(attr.howtoload);
? ? ? ? ? ? ? ?})
}
? ? ? ?}
? ?})
</script>
</body>
</html>