Question

我正在使用animate.css

HTML

    <div ng-init="animate=false" when-visible="animate=true" ng-class="{animate: visible}">
  <h3 class="section-title" ng-class="{animate: fadeIn}">{{titresection}}</h3>
</div>

但滚动任何想法时都无法正常工作？

Answer 1

刚刚检查了when-visible指令，在你的控制器中，你需要在你的作用域上创建一个函数，然后在 when-visible 指令中引用它。

控制器：

$scope.showSection = function(){
    $scope.animate = true;
}

页：

<div ng-init="animate=false" when-visible="showSection" ng-class="{'visible': animate}">
    <h3 class="section-title" ng-class="{'fadeIn': animate}">{{titresection}}</h3>
</div>

Angularjs：ng-class无法正常工作

1 个答案: