ChargeBee + Angular2 + Drop-in checkout无效

问题描述 投票:0回答:1

问题:我正在尝试按照简单的说明将ChargeBee集成到Angular2 +网站:https://jsdocs.chargebee.com/#/drop-in-checkout

我在网站内添加了标签:

<script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="XXXX"></script>

并将其添加到测试组件中:

<a href="javascript:void(0)" data-cb-type="portal">MANAGE ACCOUNT</a>

但是,当你点击链接,没有错误或任何东西 - 只是没有任何反应..

我已经检查过该库是否在标题中并且可访问 - 它是。我也在纯HTML页面上测试了相同的代码,当然它工作正常。所以我猜它可能是ChargeBee的库和Angular之间的东西?

我已经环顾四周,并没有找到任何特别有用的东西,所以任何明确的内容都会非常感激。谢谢 :)

angular
1个回答
1
投票

您的问题是库不知道您的组件何时被渲染,因此您的链接什么都不做。看起来通常这个库只对页面上的初始html做出反应。

尝试在index.html而不是组件中添加它并将其隐藏起来。将它添加到index.html后,您可以从任何通常会触发库功能的组件触发该锚标记上的.click()

© www.soinside.com 2019 - 2024. All rights reserved.