【发布时间】：2015-01-13 10:12:50
【问题描述】：
这些是我试图用 ui-router 实现的前提：
根页面有一个
ui-view；单击它时会填充主页 (main.html)。主页有两个名为
ui-view的：view1和view2。主页还有四个链接，用于在 view1 中填充 (1) page11 或 page12，(2) 在 view2 中填充 page21 或 page22（任意组合）。
我使用抽象状态来选择哪个页面转到其各自的命名视图。
I posted my attempt on plunker，有什么想法可以实现吗？
更新
我认为this plunk 更清楚地解释了我想要实现的目标。点击page11，然后点击page21；每个都将显示他们的模板并清除另一个。我需要同时显示两个模板。
【问题讨论】：
-
是的，这是可以实现的。问题是什么？
-
如何实现？请参阅我对 plunker 的尝试。谢谢
-
为您需要显示的每个页面组合创建状态。主页面的状态是根状态的子状态，子页面的状态是主页面状态的子状态。就是这样。
-
如何动态地在每个命名视图中填充哪个模板？当您进入特定状态时，模板名称已在视图声明中预先确定。
-
对于每个组合，您都会有一个状态（这是首先想到的，如果您的真实页面集很大，您最终可能会遇到很多状态，但对于这个 plnkr 示例，它是仍然可以管理），您将在此处列出所有页面。至少这种方法可以让你有能力编写你的第一次迭代。我不知道如何动态地将模板分配给视图。需要阅读它。
标签： angularjs angular-ui-router