Angular 2 und stripe.js

Question

Hat jemand versucht, stripe.js mit Angular 2 zu verwenden? Ich versuche, ein Standard-Stripe-Zahlungsformular anzuzeigen, aber die Schaltfläche "Bezahlen" wird nicht gerendert und es werden keine Fehler angezeigt. Ich würde mich über irgendwelche Ideen freuen. Ich vermute, dass die Stripe-Form irgendwie außerhalb der Angular 2-Vorlage deklariert werden muss.

@Component({ 
    selector: '...', 
    moduleId: module.id, 
    providers: [], 
    directives: [], 
    styles: [` 
    `], 
    template: ` 
... 
     <div class="row"> 
      <div class="col-sm-12"> 
       <form action="/charge" method="POST"> 
        <script 
         src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
         data-key="pk_test_...." 
         data-name="...." 
         data-description="2 widgets" 
         data-amount="2000" 
         data-locale="auto"> 
        </script> 
       </form> 
      </div> 
     </div> 
    </section> 
    ` 
}) 

Answer 1

Sie nicht <script> Tags Vorlagen von Angular2 Komponenten hinzufügen können, werden sie nur entfernt bekommen.

auch (dh SystemJS) Siehe https://github.com/angular/angular/issues/4903

Script-Tags sollten in index.html-Seite oder möglicherweise über ein Script Loader geladen sein - Script-Tags in Vorlagen wird nicht funktionieren.