动态标签内容和参数

Question

我正在尝试构建一组包含动态内容的动态标签集

http://plnkr.co/edit/bhtMin1B1dwwqYvyrpVl?p=preview

1）单击仪表板打开一个带有指令

的新选项卡

• 当我提供a作为指令的内容时，会将其呈现为字符串。
• 我尝试使用html bind unsafe和$ compile函数将其作为Angular组件运行 - 但是无法

2）点击菜单[项目管理 - ＆gt; Project]显示了一个站点列表，点击后我需要打开另一个传递参数的选项卡（Proj-ID或Site-Id）

• 想法是点击网站名称调用一个函数，我将打开一个内容为指令的新标签
• 但是由于我遇到了上一个问题，我无法做到这一点
• 这是将params传递给指令的正确方法。

现在，plunkr尝试将标签内容作为文件，字符串和编译进行操作 - 但没有成功

[我已根据上一个问题的相关细节修改了这个问题]

为＃1找到解决方案：

由于某些原因，ng-bind-html-unsafe不适用于Angular Elements。 我必须创建一个编译指令http://docs.angularjs.org/api/ng。$ compile，基于我在STO上找到的信息

Answer 1

在tabs-directive.html中，您绝对可以使用ngBindHtmlUnsafe。确保不要在变量周围添加{{}}。

String:  <div ng-bind-html-unsafe="tab.content"></div>