角2とストライプ.js

Question

誰も角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

Angular2コンポーネントのテンプレートに<script>タグを追加することはできません。削除されるだけです。

も参照してくださいhttps://github.com/angular/angular/issues/4903

スクリプトタグはindex.htmlのページにある、または潜在的にスクリプト・ローダ（すなわちSystemJS）を介してロードされなければならない - テンプレート内のスクリプトタグは動作しません。