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

Question

这个问题已经有答案了:

inline javascript within handlebars template (1 个回答)

已关闭 9 年前。

我需要在我的 ember 应用程序中嵌入一个 Javscript 组件(例如 Stripe 支付按钮 https://stripe.com/docs/checkout )，但显然我不能简单地将脚本标签放入 Handlebars 脚本标签中。关于如何做到这一点的任何建议请问完成了吗？

Answer 1

创建一个 View 并将脚本添加到 didInsertElement Hook 中。
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}}