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

Question

这些是我试图用ui-router实现的前提：

• 根页面有ui-view;单击它将填充主页面（main.html）。

• 主页面有两个名为ui-view的：view1和view2。

• 主页面还有四个链接，用于填充view1中的（1）page11或page12，（2）page21或view2中的page22（任意组合）。

• 我使用抽象状态来选择哪个页面转到各自的命名视图。

I posted my attempt on plunker，任何想法是否可以实现？

更新

我认为this plunk更清楚地解释了我想要实现的目标。点击第11页，然后点击第21页;每个都会显示他们的模板并清除另一个。我需要同时显示两个模板。

Answer 1

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