NgAnimate在页面上加载hack

时间:2015-07-02 20:13:16

标签: javascript angularjs

使用更新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 +中是否有更好的方法可以在页面加载时生成动画?

0 个答案:

没有答案