Angular2 Komponente nicht aus dem Blickfeld Rendering Javascript

Question

(dies in ES5 getan, weil ich auf diese Weise arbeitet gerne)

Ich mag eine Angular2 Komponente verwenden, um einen div mit Inhalt von einigen erzeugt Javascript gefolgt zu machen. Alle Nicht-Skript-Ansichtsvorlagen werden gerendert, aber der ... nie wird gerendert.

Es folgt ein Beispielcode:

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

Alles mit Ausnahme des Javascript wie erwartet funktioniert nicht gerendert werden. Irgendeine Hilfe?

Answer 1

Schräg nur Streifen der Vorlage von <script> Tags. Verwenden Sie require(), um JS-Skripts von Ihrer Komponentenklasse zu laden.