angular html属性绑定事件,AngularJS 笔记整理 link函数 为元素绑定鼠标事件

HTML

滑动加载

滑动加载

JS

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

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

$scope.loadData=function(){

console.log("加载数据中...");

}

}]);

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

$scope.loadData2=function(){

console.log("加载数据中...22222");

}

}]);

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

return {

restrict:"AE",

link:function(scope,element,attrs){

element.bind('mouseenter', function(event) {

//scope.loadData();

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

// 注意这里的坑，howToLoad会被转换成小写的howtoload

scope.$apply(attrs.howtoload);

});

}

}

});

知识扩展

restrict 值可以是以下几种:

* E 作为元素名使用

* A 作为属性使用

* C 作为类名使用

* M 作为注释使用

restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

笔记来源：大漠穷秋