Javascript AngularJS.ng输入动画不'；我第一次跑步时不工作

我的AngularJS应用程序有一个奇怪的问题；使用ng include切换“我的标签幻灯片”中的动画第一次不起作用，但第二次或第三次效果很好

以下是我在plunker上的测试代码：

---

看起来像进入动画类，设置之前，模板上传。请提供帮助。

由于模板的加载顺序不正确，动画似乎无法正常工作。我建议使用指令来实现选项卡，或者使用ngRoute

我在这里用ngRoute做了一个例子：

我不完全确定你的应用程序应该做什么，所以我可能破坏了你的初始设置。 但是我看到你用了很多根示波器。我建议使用服务来存储控制器之间的共享数据。如下所示（使用此处的示例：）

---

更新：可以在

$routeProvider

中使用动态模板URL。这也可以通过控制器实现。这样，您就不必为每个步骤指定单独的路由。

好的，我找到了解决我自己问题的方法，如果您有相同的问题，您必须使用$templateCache服务，以下是plunker的代码：

---

Thx，为您的安全套。我的模块是一个非常大的表单，有11个步骤，大约200个字段，并且都是一个对象“实验室”，所以我不想使用任何服务和路由。但你肯定是对的，如果可以，最好使用服务和路线！）啊，好吧，这是可以理解的。我更新了我的答案。再次谢谢！但在我的情况下，路由会有更多的问题：）我找到了$templateCache的解决方案。现在，模板在启动时加载到应用程序中，而用户填充第一步字段：）是的，我看到了，只是想我可以把它放在那里，以防其他人来找：）

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

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