角2与stripe.js

Question

有人尝试使用stripe.js和角2吗？我正在尝试显示一个标准的条形支付表单，但是“支付”按钮没有呈现，也没有显示错误。如果有任何想法，我将不胜感激。我猜条纹形状将不得不声明在角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)加载--模板中的脚本标记将无法工作。