内容完全加载angularjs时添加类

Question

我想在内容完全加载到angularjs时向ng-view元素添加一个类，并在ng-view中更改内容时将其删除，以便我可以添加CSS动画。这可能吗？

我目前使用添加的ng-leave ng-enter类添加动画，但这不会等到内容完全加载。

谢谢！

Answer 1

如果您使用角度1.2或1.3，则可以使用ng-animate为ng-view添加动画支持。

Angular会在不同的ng-view状态下自动添加一个类。

来自角度文档

<style>
.slide.ng-enter { }        /* starting animations for enter */
.slide.ng-enter.ng-enter-active { } /* terminal animations for enter */
.slide.ng-leave { }        /* starting animations for leave */
.slide.ng-leave.ng-leave-active { } /* terminal animations for leave */
</style>

只需在angular.js文件之后添加angular-animate.js文件，并将ngAnimate添加到您的应用依赖项中以使用这些css类。

更新

您可以聆听$viewContentLoaded事件。

$scope.$on('$viewContentLoaded', function(){
    $scope.myClass = 'view-loaded';
});