Angularjs Angular ui router：在命名视图中有选择地填充模板

以下是我试图用ui路由器实现的前提：

根页面有一个ui视图；单击后，它将填充主页main.html

主页面有两个命名的ui视图：view1和view2

主页还有四个链接，用于以任意组合填充view1中的1页11或12页、view2中的2页21或22页

我使用抽象状态来选择哪个页面进入其各自的命名视图

，如果这是可以实现的，有什么想法吗

更新

---

我想这更清楚地解释了我想要实现的目标。单击第11页，然后单击第21页；每一个都将显示其模板并清除另一个模板。我需要同时显示这两个模板。

我就是这样解决这个问题的：我创建了一个使用$compile编译标记的指令，并在html页面中使用了两个指令，每个指令都有不同的标记

是的，这是可以实现的。问题是什么？如何实施？请看我对普朗克的企图。感谢为需要显示的每个页面组合创建状态。主页的状态是根状态的子级，子页的状态是主页状态的子级。仅此而已。如何动态选择可以在每个命名视图中填充的模板？当您进入一个特定的状态时，模板名称在视图声明中是预先确定的。对于每个组合，您都会有一个状态这是首先想到的，如果您的实际页面集很大，您可能会有很多状态，但是对于这个plnkr示例，它仍然是可管理的，并且您将在那里列出所有页面。至少这种方法可以让您编写第一次迭代。我不知道如何将模板动态分配给视图。我需要读一读。