AngularJS 进入动画未先播放 运行

Question

我遇到了问题 运行 第一次加载页面时输入动画。我认为这是一个与此有关的老问题 issue。

你可以看到我的问题here。

奇怪的是，当我将模板放在单独的文件中时（而不是 text/ng-template），动画可以完美运行，如您所见 here。

由于我的应用程序将使用文件 URI 方案，因此我必须使用 text/ng-template。

有什么解决方法吗？我找不到合适的。

Answer 1

我能够通过肮脏的破解解决问题 this page。

已将 ng-if 添加到我的 ng-view 的容器中

<div ng-if="true" ng-view></div>

连同：

$rootElement.data("$$ngAnimateState").running = false;

在我的第一个控制器中。

这里是 working demo。

谢谢。