如何在AngularJS中使用jQuerys SlideUp方法的vanilla JavaScript gist

Question

我想在我的AngularJS项目中使用这个要点：

slide.js

它是JQuerys的slideUp和slideDown方法的vanilla JavaScript版本，我在关闭body标签之前将角度脚本放在上面（就像我使用jQuery一样）。

我的应用程序的动画部分需要jQuery slideUp和slidingown函数：

app.animation('.slide', function () {
   return {
      beforeAddClass: function (element, className, done) {
         if (className === 'ng-hide') {
             element.slideUp({ duration: 350 }, done);
         }
      },
      removeClass: function (element, className, done) {
         if (className === 'ng-hide') {
             //element.hide().slideDown({ duration: 350 }, done);
             element[0].style.display = "none";
             element.slideDown({ duration: 350 }, done);
         }
      }
   }
});

我已编辑该部分以删除另一个jQuery函数'hide（）'。 （同样在旁注元素现在返回undefined而不指定第一个DOM元素 - [0]）。

但它似乎仍然无法正常工作，我错过了什么？

Answer 1

我注意到我的问题得到了一些投票，所以我查看了slide.js代码，看起来它与jQuerys的幻灯片方法完全不同。

所以最后我构建了一个jQuery的减少版本，它可以节省一些比特并按预期工作。