Angularjs 动画结束事件ZURB基金会应用程序

我有一个向上滚动事件和一个向下滚动事件。我正在尝试使用FoundationAPI.animate在向上滚动时滑动一个div，然后在向下滚动时从底部滑动。div的原始状态有一个hide类，因为没有滚动，它位于页面底部。除了一个问题外，我有这个工作。当slideOutBottom动画完成时，隐藏类不再位于div中，因此它在slideOutBottom完成后显示。我希望它保持隐藏状态，就像在0状态一样

代码：

---

如何访问FoundationAPI.animate4函数的回调，使其在完成时触发？注释掉的超时有效，但在滑出底部完成后，会出现页脚栏，然后应用隐藏类。这会导致div快速闪烁。任何人目前缺少有关FoundationApi的文档…

不是答案，而是解决方案。这是一种更自然的AngularJS方法：

控制器：

 function myController($scope, ...) {
    $scope.lock = false;

    $scope.scrollUp = function() {
      if ($scope.lock == false ){ 
          $scope.lock = true;
          $scope.$apply();
       }
    };
    $scope.scrollDown = function() {
      if ($scope.lock == true){
          $scope.lock = false;
          $scope.$apply();
      }
    };
 }

视图：

因此，我使用特定视图容器上的指令绑定滚动事件；这决定了检测到上/下滚动事件时的逻辑。从指令中，我调用这些函数，这些函数由上面的作用域控制器定义。这些是双向绑定的，锁定变量在此范围内可访问

请注意，动画的触发方式与锚点中的类有关。我认为类中有定义的进入动画和定义的退出动画。因此，ng hide取决于控制器中$scope.lock变量的布尔值

---

完全不清楚-我想对于一个角度专家来说会更清楚

是的，应用程序文档需要迫切的爱。有点失望。应用程序显然比网站的基础更复杂，但没有它的比较文档。科蒙祖布！

 function myController($scope, ...) {
    $scope.lock = false;

    $scope.scrollUp = function() {
      if ($scope.lock == false ){ 
          $scope.lock = true;
          $scope.$apply();
       }
    };
    $scope.scrollDown = function() {
      if ($scope.lock == true){
          $scope.lock = false;
          $scope.$apply();
      }
    };
 }

<a id="footer" class="slideInUp slideOutBottom footer-bar" ng-hide="lock" zf-open="myModal">
    <div>Click Me</div>
</a>