我有一个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/