Javascript 将jQuery动画与角度'；尼莫酸钠

我正在尝试将jQuery动画与angular的

ngAnimate

模块一起使用。特别是，对于这个例子，jQuery的

fadeIn

和

fadeOut

。我可以通过使用

.ngenter

和

.ngleave

等来实现css转换，但出于某些原因，不是jQuery

以下角度代码的淡入不起作用。元素直接显示出来

var-app=angular.module（'app'，['ngAnimate']）；
app.controller（'Ctrl'，['$scope'，
职能（$范围）{
$scope.data={}；
$scope.data.toggle=true；
}
]);
app.animation（'.toggle'，function（）{
返回{
输入：功能（元素，完成）{
元素。fadeIn（1000，完成）；
},
离开：功能（元素，完成）{
元素淡出（1000，完成）；
}
};
});

切换按钮
正在切换的内容
当您使用angular.js插入元素时，它将使用您在CSS中设置的任何样式，然后执行动画功能。在已经可见的元素上使用
.fadeIn（）
。如果要淡入淡入，首先需要在css中将其
display
属性设置为
none
：

.toggle{
    display: none;
}

…或在淡入之前在动画功能中：

element.css("display","none").fadeIn(1000, done);

下面是一个工作代码：


var-app=angular.module（'app'，['ngAnimate']）；
app.controller（'Ctrl'，['$scope'，
职能（$范围）{
$scope.data={}；
$scope.data.toggle=true；
}
]);
app.animation（'.toggle'，function（）{
返回{
输入：功能（元素，完成）{
元素css（“显示”、“无”）.fadeIn（1000，完成）；
},
离开：功能（元素，完成）{
元素淡出（1000，完成）；
}
};
});

切换按钮
正在切换的内容
如果使用Angular，为什么要使用jQuery？特别是如果你已经可以让它在Angular中工作了？如果我可以使用jQuery让它工作，那么我可以使用大量可用的jQuery动画和库。如果是这样的话，也许你可以给我一个答案，提供类似于
slideUp
slideDown
，
Blind
，的效果，
Bounce
，或者实际上是任何不需要为那些现成效果创建代码的效果。实际上，W3Schools有一个关于转换的简单性的很好的教程：在agular docs中使用jQuery动画的示例：这是我睡了一晚后得出的结论，我准备将其作为答案添加进去，但你比我先做到了。：）非常感谢+1并接受。