我尝试通过AngularJS渲染UI Bootstrap选项卡的一种非常不寻常的方法
我想做的是：
自定义指令 - （创建一个） - ＆gt; UI Bootstrap标记 - （呈现） - ＆gt;标签
我知道两个指令不应该编辑同一个DOM节点，所以我用了
- 优先级属性
- 终端属性
要允许我的指令成为第一个被编译的指令，只有Bootstrap指令才能在DOM节点上运行。
我的初始标记类似于：
<mytabcontainer>
<mytab title="Tab">Content</mytab>
<mytabcontainer>
那将转换为此Bootstrap标记
<tabset>
<tab heading="Tab">Content</tab>
</tabset>
我正确地将自定义标记转换为Bootstrap标记，但它没有正确显示。 这是一个小提琴，显示了我目前的进展：Fiddle
不幸的是，由于之前的决定，这是我可以使用的唯一方法，所以请不要告诉我直接使用Bootstrap标记