javascript - ng-animate 和自定义指令？

Question

我正在尝试将自定义动画添加到我的自定义指令中，但失败了，为什么？

      .directive('home', function ($animate) {
  return {
      templateUrl: 'views/pantone-inner-home.html',
      restrict: 'AE',
      link: function postLink($scope, element, $parent) {
          var parentElement = element[0].parentElement;
          var afterElement = element[0].parentElement;
          $animate.enter(element, parentElement, afterElement);
                $scope.PrevNext = 'open';
                $scope.mainmenulink = '';
                $('.top_left_logo.white  img').css('position', 'fixed');
                $('#focus_force').focus();
      }
    };
});

然后我有一个自定义切换的 ng-included 来调用它:

        <a ng-click="closemenulink(element)"  ng-href="#/services"><home class="pantone-ani"></home></a>

每次 ng-include 将其包含到模板中时就给我这个:

TypeError: Object [object HTMLAnchorElement] has no method 'after'

为什么？ 这里需要什么: 我正在使用这个: http://docs.angularjs.org/api/ngAnimate.$animate

帕特诺内宅:

  <div ng-click="pantone()" class="pantone_wrap_outer blue slide_bottom">
    <div  class="pantone_wrap_inner blue">
      <div class="pantone blue">
        <img src="images/services.png" alt="">
      </div>
    </div>
  </div>

我正在尝试用这个动画菜单，如果我使用 ng-include 添加这些潘通色(有 4 个)，那么在它被打开并关闭后，一旦它停留在 $templateCache 中，那么它就不会添加第二次加载后的“ng-enter”类破坏了我的动画..

Answer 1

请看下面的骗子

http://plnkr.co/edit/v8aCQI59reemfiEwXICC?p=preview

我认为 afterElement 对你来说是 null，因为该元素没有同级元素。

请检查插件，如果您需要其他任何东西，请告诉我。