I have a component that uses ng-content
@Component({
template: `
<div>
<ng-content></ng-content>
</div>`,
selector: "drop-zone"
})
The ng-content is a template.
<drop-zone>
<script type="text/ng-template">
<div id="template" class="file-row">
...
</div>
</script>
</drop-zone>
I assume for security reasons, I cannot include text/ng-template
script tags in the included code.
I need to provide drop zone with template HTML
and providing a script tag of type text/ng-template
is how this is typically done.
Is there a workaround for this?