javascript - AngularJS，将这两种方法合二为一

Question

我有一个div

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

中间的内容在鼠标进入/离开时淡入淡出

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

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

是否可以使用 if 语句 将这两个函数合并为一个？我知道如何在 jQuery 中执行此操作，但不确定如何在 Angular 中执行此操作。谢谢

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

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

尽管从技术上讲它们仍然是两个函数，但我能够将它们速记为悬停方法

Answer 1

我能够解决这个问题

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

和 Angular

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