Angular 2和stripe.js

Question

有沒有人試圖用Angular 2使用stripe.js？我試圖顯示一個標準的條形支付表單，但「付款」按鈕沒有被呈現，並且沒有顯示錯誤。我會很感激任何想法。 我猜測條紋表單必須以某種方式在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） - 模板腳本標記將無法正常工作。