angualrjs，指令和控制器之间的交互，实现指令的复用

来源：互联网发布：深入浅出python pdf 编辑：程序博客网时间：2024/05/18 01:27

<!DOCTYPE html><html ng-app="myApp"><head><meta charset="UTF-8"><title></title><script src="../js/angular.min.js"></script><script src="js/$Diretive&Diretive.js"></script></head><body><div ng-controller="MyCtrl1"><loader howToLoad="loadData()">滑动加载</loader></div><div ng-controller="MyCtrl2"><loader howToLoad="loadData2()">滑动加载</loader></div></body></html>

var app = angular.module('myApp', []);app.controller('MyCtrl1', ['$scope', function($scope){$scope.loadData=function(){console.log("MyCtrl1---加载数据中...111");   } }]);app.controller('MyCtrl2', ['$scope', function($scope){    $scope.loadData2=function(){        console.log("MyCtrl2---加载数据中...22222");    }}]);app.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);    });        }    } });

当鼠标经过每个指令的时候，就会调用相应控制器上的函数，执行不同的功能，这就实现了执行在不同控制器的服用效果。

阅读全文

0 0