使用更新1.4.1时,AngularJs Animate不会像过去那样触发页面加载。我的旧解决方案类似于to this - plunker(找到here并且工作到v1.3.9)。
<script>
angular.module('app', ['ngAnimate'])
.controller('contr', function ($scope, $rootElement) {
$rootElement.data("$$ngAnimateState").running = false;
});
</script>
<style>
h1.ng-enter {
opacity: 0;
-moz-transition: opacity 10s ease;
-o-transition: opacity 10s ease;
-webkit-transition: opacity 10s ease;
transition: opacity 10s ease;
}
h1.ng-enter-active {
opacity: 1;
}
</style>
</head>
<body ng-app="app" ng-controller="contr">
<h1 ng-if="true">Big headline</h1>
</body>
但这不再适用了。相反,我正在做this - plunker
<script>
angular
.module('app', ['ngAnimate'])
.controller('contr', function ($scope, $interval) {
$scope.bool1 = false;
$interval(function () {
$scope.bool1 = true;
}, 1, 1);
});
</script>
<!--same css and html-->
这让我感觉很糟糕。在版本1.4.1 +中是否有更好的方法可以在页面加载时生成动画?