Question

我的AngularJS应用程序中有一个奇怪的问题;使用ng-include切换幻灯片中的动画，第一次不起作用，但在第二次或第三次都很好。

以下是关于plunker的测试代码：http://embed.plnkr.co/a2x4vkTVgEUEt9mxWaVy/preview

看起来像ng-enter动画类，之前设置，模板上传。请帮忙。

Answer 1

看起来动画不起作用，因为你的模板已经被加载了。我建议使用指令来实现制表符，或者使用ngRoute。

我在这里用ngRoute做了一个例子： http://embed.plnkr.co/RFw3CZwQmPz9doqe7o1u/preview

我不完全确定您的应用应该做什么，所以我可能已经破坏了您的初始设置。但我发现你使用了很多rootScope。我建议使用服务在控制器之间存储共享数据。像这样（使用这里的例子：Passing data between controllers in Angular JS?）

app.service('productService', function() {
  var productList = [];

  addProduct = function(newObj) {
      productList.push(newObj);
  };
  getProducts = function(){
      return productList;
  };
});

更新：可以在$routeProvider，like this中使用动态templateUrls。这也可以通过控制器实现。这样，您就不必为每个步骤指定单独的路线。

Answer 2

好的，我找到了自己的问题的解决方案，如果你有同样的问题，你必须使用$ templateCache服务，这里是plunker上的代码： http://embed.plnkr.co/mnB6VwXqHSt6L3IEUvCI/preview

AngularJS .ng-enter动画在首次运行时不起作用

2 个答案: