3

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

这是我在 plunker 上的测试代码：http: //embed.plnkr.co/a2x4vkTVgEUEt9mxWaVy/preview

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

4

2 回答 2

3

看起来动画无法正常工作，因为您的模板加载不正常。我建议要么使用指令来实现选项卡，要么使用 ngRoute。

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

我不完全确定您的应用程序应该做什么，所以我可能破坏了您的初始设置。但我看到你使用了很多 rootScope。我建议使用服务来存储控制器之间的共享数据。像这样（使用此处的示例：在 Angular JS 中的控制器之间传递数据？）

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

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

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

于 2014-04-23T09:12:47.833 回答
1

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

于 2014-04-23T09:15:26.847 回答