AngularJS控制器或指令中的Jquery动画？答案

【问题标题】：Jquery animation in a AngularJS controller or directive?AngularJS控制器或指令中的Jquery动画？
【发布时间】：2013-08-13 17:42:02
【问题描述】：

我在 AngularJS 中有一个应用程序，在我的一个观点中，我想实现一些 JQuery 动画..没什么太花哨的..只是隐藏/滑动 div ..那些 div 是从 ng-reapet 循环创建的，我需要访问 DOM 元素以编写我的 JQuery 。我应该把我的代码控制器或指令放在哪里？我的代码示例：

$(document).ready(function(){
    $(".motivation").hide();
    $(".show_hide").show();

});
$(document).on("click", ".more", function(){
    $(this).parent().next().slideToggle();
    return false;
});

【问题讨论】：

如果您使用 Angular，那么您不应该使用 jQuery 来绑定 DOM 上的点击事件，您应该使用 Angular 方式并在 HTML 中使用 ng-click。
对于动画你应该看看这个：yearofmoo.com/2013/04/animation-in-angularjs.html
是的，我使用了您网站上的示例，它可以毫不费力地直接运行 - 非常感谢您获得的漂亮网站！ :)
这个网站确实不错，但不是我的，我只是在 google 上找到的 :)

标签： angularjs angularjs-directive trigger.io angularjs-ng-repeat angularjs-controller

【解决方案1】：

使用 AngularJS 的 beta 版本，您可以使用ng-animate。

documentation

nganimate.org

【讨论】：