小编Ris*_*shi的帖子

如何将第三方脚本从Web动态加载到Angular2组件中

我试图从Web加载第三方脚本,而不是制作它的本地副本,并能够在脚本加载后使用第三方脚本的全局变量和函数.

更新:

  • 以下是我在普通JavaScript中尝试实现的示例,其中单击Visa Checkout按钮打开Visa Checkout对话框: Plunker JS链接
  • 这是我需要帮助的Angular2版本: Plunker Angular2链接

问题:以下组件未从Web加载脚本

import {Component} from '@angular/core'

@Component({
  selector: 'custom',
  providers: [],
  template: `
    <div>
      <h2>{{name}}</h2>
      <img class="v-button" role="button" alt="Visa Checkout" src="https://sandbox.secure.checkout.visa.com/wallet-services-web/xo/button.png">
      <script src="https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/integration/v1/sdk.js">
</script>
    </div>
  `
})
export class CustomComponent {
  constructor() {
    this.name = 'Custom Component works!!'
  }
}
Run Code Online (Sandbox Code Playgroud)

external-script angular

9
推荐指数
2
解决办法
4750
查看次数

标签 统计

angular ×1

external-script ×1