Checkout.com 与 Angularjs答案

【问题标题】：Checkout.com with AngularjsCheckout.com 与 Angularjs
【发布时间】：2017-06-05 06:59:06
【问题描述】：

我正在开发一个 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'
})

请帮忙！！

【问题讨论】：

视图不工作的地方，你的 Angular 应用程序初始化了吗？
它不适用于我的角度模块的任何视图，它仅适用于ng-view 指令之外的 index.html
Checkout.com 不依赖于角度，对吧？我可以有更多你的表单的 html 代码吗？
检查了我编辑的问题
你有 jQuery 吗？

标签： angularjs checkout ng-view

【解决方案1】：

问题是在ng-view 内没有评估脚本。除非您在 angularJs 之前加载了 jQuery，否则它将使用其 html() 方法完成工作。否则将仅使用 innerHTML（由 angular jQlite）并且您的脚本不会启动。

欲了解更多信息，请参阅此答案：https://stackoverflow.com/a/18220411/5566936

【讨论】：