Угловые 2 и stripe.js

Question

Кто-нибудь пытался использовать stripe.js с Angular 2? Я пытаюсь отобразить стандартную форму оплаты полос, но кнопка «Оплатить» не отображается, и никаких ошибок не отображается. Буду признателен за любые идеи. Я предполагаю, что форма полосы должна быть объявлена ​​вне шаблона Angular 2, каким-то образом.

@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

Вы не можете добавлять <script> тегов в шаблоны компонентов Angular2, они будут получать только удалены.

Смотрите также https://github.com/angular/angular/issues/4903

теги сценария должны быть в index.html странице, или потенциально загружены с помощью загрузчика сценария (т.е. SystemJS) - сценарий теги в шаблонах не будет работать.