来自square-connect的iframes用于CC处理在angularjs中不起作用
我正在用angular构建一个简单的SPA，我想用它来处理我的Square账户的信用卡支付。为了安全，Square希望使用iframe，这样抄送信息就不会接触到我的页面。
我读过关于使用$sce.trustResourceAsUrl()的文章，但是square特别要求从他们的CDN加载文件(所以不需要修改它)。
https://docs.connect.squareup.com/articles/adding-payment-form/没有列出与AngularJS集成的任何内容，我也找不到任何有用的示例。
有谁有在angular1应用程序中成功嵌入square支付表单的经验，他们可以指给我看吗？或者，是否存在阻止这一点的安全风险？谢谢!
以下是文档中的示例文件：
<script type="text/javascript" src="https://js.squareup.com/v2/paymentform">
<script>
var paymentForm = new SqPaymentForm({blah blah blah});
</script>
<html>
<body>
<label>Card Number</label>
<div id="sq-card-number"></div>
<label>CVV</label>
<div id="sq-cvv"></div>
<label>Expiration Date</label>
<div id="sq-expiration-date"></div>
<label>Postal Code</label>
<div id="sq-postal-code"></div>
</body>
</html>我不完全确定如何使其在角度视图中工作。任何建议都将不胜感激。
回答 1
Stack Overflow用户
发布于 2016-12-12 10:40:28
啊，在你的示例代码https://github.com/square/connect-api-examples/blob/f83e8130ac544b5a9f55d8a11b173b61b8e5cd25/connect-examples/v2/rails_payment/app/views/welcome/angular.html.erb中找到了答案。一旦指令完成加载，我就需要运行paymentForm.build()。
iFrames现在出现了。谢谢!
https://stackoverflow.com/questions/41033792
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号