AngularJS 03

最新推荐文章于 2021-04-25 15:58:30 发布

原创最新推荐文章于 2021-04-25 15:58:30 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

angularJS 专栏收录该内容

5 篇文章

订阅专栏

<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<div ng-app="Ng">
    <div ng-controller="controllers">
        @*方法一*@
        <div enter leave>鼠标移入移出</div>
        <br>
        <br>
        <br>
        <br>
        <div enter2="Loding()" leave>鼠标移入移出方法2</div>
    </div>
</div>



<script>
    var ng = angular.module("Ng", []);
    ng.controller("controllers", function ($scope) {
        $scope.Loding = function () {

            alert('controller');
        }
        
    });
    //方法一
    ng.directive("enter", function(){return function (scope,element) {
        element.bind("mouseenter", function () {
            scope.Loding();
        })
    }
    })  

    //方法二
    ng.directive("enter2", function () {
        return function (scope, element,attr)
        {
            element.bind("mouseenter", function () {
                scope.$apply(attr.enter2);
            })

        }

    })
</script>