创建可以显示它的AngularDart组件'；s内部HTML

我一直在尝试创建一个用于说明目的的组件，该组件可以在AngularDart本身处理它之前显示它自己的内部HTML标记，例如，如果我编写

{{bar}}

我希望在正常渲染的

h1

下显示实际标记。我尝试了以下代码：

@NgComponent(
选择器：“查看源”，
templateUrl:'view source.html'，
出版：“自我”
)
类ViewSource{
var模板；
ViewSource（dom.Element）：template=Element.innerHtml；
}

{{self.template}}

这适用于简单的情况，但如果

中的某些内容是通过转换编译的，则不起作用，因此，如果

使用

ng
if，它将显示

我试图通过阅读AngularDart源代码找到一个解决方案，但我可以找到任何解决方案，所以我最终修补AngularDart，将模板克隆附加到它插入的每个锚点上，以便稍后我可以提取它并重新拼接。你可以看到其中的一部分

我想知道是否有一种不修补AngularDart的干净解决方案。
我使用了
ng non-bindable
指令来实现这一点


（由于选项卡控件仍然缺失，因此看起来有些损坏）

代码

我使用HTTP请求加载HTML模板文件，使用
ng bind
插入它，并防止Angular使用
ng non bindable
处理它。我可以使用您的示例，因为它只用于简单的文本innerhtml获取。@curt是的，它适用于简单的内容，不适用于复杂的内容。从那以后，我再也没有讨论过这个问题。也许在Angular2中有一个明确的解决方案。