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

Question

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

它是 JQuerys 的 slideUp 和 slideDown 方法的香草 JavaScript 版本，我将脚本包含在 angular 脚本之上，就在结束正文标记之前（就像我对 jQuery).

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

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);
         }
      }
   }
});

我编辑了该部分以删除 'hide()'，另一个 jQuery 函数。（还有一个旁注元素现在 returns 未定义，没有指定第一个 DOM 元素 - [0]）。

但是它似乎仍然不起作用，我错过了什么？

Answer 1

我注意到我的问题得到了一些反对票，所以我查看了 slide.js 代码，看起来它与 jQuerys 的滑动方法并不完全相同。

所以最后我构建了一个 jQuery 的缩减版本，它节省了一些内容并按预期工作。

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

How to use vanilla JavaScript gist of jQuerys SlideUp method in AngularJS

javascript

jquery

angularjs

slideup

gist