Angular2 component not rendering javascript from view

Question

(this is done in es5 because I like working this way)

I want to use an Angular2 component to render a div with content followed by some generated Javascript. All the non-script view template gets rendered, but the ... never is rendered.

Following is an example code:

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);
  }]
});

Everything works as expected with the exception of the Javascript not being rendered. Any help?

Answer 1

Angular just strips the template of <script> tags. Use require() to load JS scripts from your components class.