Question

我正在使用Angularjs应用并尝试与Checkout.com

集成

我正在使用数据属性集成方法：

checkout.html

<form method="POST">
<script id="cko_script_tag" src="https://cdn.checkout.com/js/checkout.js"
    data-public-key="pk_ea61f128-e700-4598-88c9-e67852148c54"
    data-payment-token="pay_tok_88E83A65-C7E8-4D47-B1E0-75883E2F6C11"
    data-customer-email="customer@email.com"
    data-value="100"
    data-currency="GBP"
    data-debug-mode="true">
</script>

在index.html页面上使用时效果很好，但是当我在任何视图中使用它时它都没有显示!!

我使用了ui-router和ngRoute模块但没有希望

我也尝试通过$compile编译这个html，但它也不起作用。

的index.html

<body ng-app="starter">

<ion-pane>
  <ion-header-bar class="bar-stable">
    <h1 class="title">Ionic Blank Starter</h1>
  </ion-header-bar>
  <ion-content>

    <a href="#/packages">go to pay</a>
    <ng-view></ng-view>
  </ion-content>
</ion-pane>

app.js

  $routeProvider
.when('/packages',{
  templateUrl:'templates/packages.html',
  controller:'packages'
})
.when('/checkout',{
  templateUrl:'templates/checkout.html',
  controller:'checkout'
})

任何帮助请!!

Answer 1

问题是在ng-view个脚本中没有评估。除非你在angularJs之前加载了jQuery，否则将使用html()方法创建作业。否则只使用innerHTML（通过角度jQlite）并且您的脚本不会启动。

有关详细信息，请参阅以下答案：https://stackoverflow.com/a/18220411/5566936

Checkout.com与Angularjs

1 个答案: