Angularjs 如何使用ui网格制作多步骤向导以显示表

上下文

我正在尝试使用angularjs创建一个简单的表单，根据数据库中的数据或存储在S3上的数据创建一些表。 表单的流程取决于数据是来自S3还是来自数据库。根据第一个下拉菜单的输入， 在给出所有信息并按下提交按钮之前，表单的其他部分将可用

按下按钮时，整个表单将被图表或表格替换。为了可视化表，我使用ui.grid

我将angular与ui.bootstrap和ui.router一起使用

我在上添加了一个简化的示例

问题

• 是否就是这样做的，即使用$state.go在嵌套视图/状态之间切换到另一个上级视图/状态（不需要父子关系）？还是有其他/更好的方法？我对angular和基本上任何web技术/框架都是新手，因此，如果您对如何更恰当地进行操作有任何意见，也欢迎您提出

• 然而，还有第二个问题。使用ui.router和$state时，ui网格表无法正确显示。转到交换机视图。当我直接将代码放入，即不使用ui.router时，它显示良好回答：显然，
  声明非常重要。只需添加它就可以解决问题，并正确显示表格。基本上没有
  会破坏ui网格

---

我建议做一把小提琴，这样可以得到更多的帮助。此外，使用服务在组件/控制器之间共享数据和方法。对于一个问题来说，这里发生的事情太多了。将您的问题缩小到更具体的单个问题和每个问题一个问题，以及表示问题所需的最少代码。简化问题以将代码放到plunker上确实有助于找到问题，尽管这是我从未遇到过的问题。由于DOCTYPE声明，该表未正确显示。我会看一看服务方面的东西，看看这如何能帮助我更正确地做事。所以$state.go不是正确的角度设置？请参见和。