(这是在es5中完成的,因为我喜欢这样工作)
我想使用Angular2组件来渲染带有内容的div,然后是一些生成的Javascript。所有非脚本视图模板都会被渲染,但是......永远不会被渲染。
以下是示例代码:
MyComponent =
ng.core.Component({
selector : 'MY-COMPONENT',
providers : [A defined provider],
})
.View({
template : `
<div id="{{contentID}}">
{{content}}
</div>
<script type="text/javascript">
alert('javascript code goes here');
</script>
`
})
.Class({
constructor : [ng.core.ElementRef, function(el) {
let retriever = new [working provider that retrieves content];
this.contentID = el.nativeElement.getAttribute('ATTRIBUTE_WITH_ID');
this.content = retriever.getContent(this.contentID);
}]
});
除了未呈现的Javascript之外,一切都按预期工作。有什么帮助吗?
答案 0 :(得分:0)
Angular只剥离<script>
标签的模板。使用require()
从组件类加载JS脚本。