我有一个div

<div id="slideHolder" ng-mouseenter="fadeIn()" ng-mouseleave="fadeOut()">
...
</div>


并且中间的内容在mouseenter / leave上淡出

$scope.fadeIn = function()
{
    TweenLite.to("#zoomInButton",0.3,{opacity:1});
}

$scope.fadeOut = function()
{
    TweenLite.to("#zoomInButton",0.3,{opacity:0});
}


是否可以使用if statement将这两个功能合而为一?我知道如何在jQuery中进行操作,但是不确定如何在Angular中进行操作。谢谢

编辑:
这就是我在jQuery中所做的

$("#slideHolder").hover(
    function() {
        $("#zoomButton").stop(true,true).fadeIn();
    },
    function() {
        $("#zoomButton").stop(true,true).fadeOut();
    }
);


从技术上讲,它们仍然是两个功能,我可以将它们简化为悬停方法

最佳答案

我能够弄清楚这一点

<div id="slideHolder" ng-mouseenter="fade($event)" ng-mouseleave="fade($event)">
....
</div>


并成角度

$scope.fade = function(event)
{
  (event.type == 'mouseover') ? TweenLite.to("#zoomInButton",0.3,{opacity:1}) : TweenLite.to("#zoomInButton",0.3,{opacity:0});
}

关于javascript - AngularJS,将这两种方法合而为一,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15345049/

10-09 22:02