angularJS-指令与控制器之间的交互--“鼠标经过事件”如图所示

来源：互联网发布：sql选取第一行编辑：程序博客网时间：2024/04/30 10:26

////根据不同的控制器调用不同的方法

<!DOCTYPE html><html ng-app='MyModule'>    <head>        <meta charset="utf-8">    </head>    <body>        <div ng-controller='MyCtrl'>            <loader howToLoad="loadDate()">滑动加载</loader>        </div>        <div ng-controller='MyCtrl2'>            <loader howToLoad="loadDate2()">滑动加载</loader>        </div>        <script src="js/angular-1.3.0.js"></script>        <script>            var mymodule=angular.module('MyModule',[]);            mymodule.controller('MyCtrl',['$scope',function($scope){                $scope.loadDate=function(){                    console.log('正在加载中…………');                }            }]);            mymodule.controller('MyCtrl2',['$scope',function($scope){                $scope.loadDate2=function(){                    console.log('正在加载中…………22222222222');                }            }]);            mymodule.directive("loader",function(){                return{                    restrict:'AE',                    link:function(scope,element,attrs){                        element.bind("mouseenter",function(event){                            // scope.loadDate();//方法一：调用方法加载数据                            // scope.$apply("loadDate()");//方法二                            scope.$apply(attrs.howtoload);//调用多个                        });                    }                }            })        </script>    </body></html>

0 0