Question

我需要在我的ember应用程序中嵌入一个Javscript组件（例如Stripe付费按钮https://stripe.com/docs/checkout），但显然我不能简单地在手柄脚本标签中放置一个脚本标签..任何关于如何这样做的建议可以吗？

Answer 1

创建一个视图并在didInsertElement钩子中添加脚本 Here is a working demo.

App.StripeView = Em.View.extend({
  didInsertElement: function() {
    var stripeScript = 
      '<script src="https://checkout.stripe.com/checkout.js" '+
        'class="stripe-button" data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh" '+
        'data-image="/square-image.png" '+
        'data-name="Demo Site" '+
        'data-description="2 widgets ($20.00)" '+
        'data-amount="2000">'+
      '</script>';

    this.$().append(stripeScript);
  }
});

并在您的模板中使用它，如

{{view App.StripeView}}

在Ember / handlebars应用程序中显示JS脚本组件

1 个答案: