2016-12-08 32 views
0

我正在用角度構建一個簡單的SPA,我想用它來使用我的Square帳戶處理信用卡付款。爲了安全Square希望使用iframe,所以CC信息永遠不會觸及我的頁面。iframes from square-connect for CC processing working in angularjs

我讀過關於使用$sce.trustResourceAsUrl(),但廣場明確要求文件從他們的CDN加載(所以沒有修改它)。

https://docs.connect.squareup.com/articles/adding-payment-form/沒有列出有關與AngularJS集成的任何內容,我沒有找到任何有用的示例。

任何人都有經驗成功地嵌入角度1應用程序中的方形支付表格,他們可以指向我?還是有安全隱患阻止了這一點?謝謝!

這是從文檔的示例文件:

<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> 

我不完全知道如何去適應這一個角度視圖中工作。任何建議將不勝感激。

+0

什麼代碼導致你的問題?路由到新視圖後,您是否無法加載iframe? – tristansokol

+0

嘿tristansokol,我懷疑這個問題在角度的性質奠定了一個地方,我想我正在尋找一個工作,奇怪的是,沒有一個方形文檔解決角度。在他們的示例文件中,我包含了他們的腳本文件(我認爲這是魔術發生的地方),我似乎無法找到它的非縮小版本來查找問題。我將在上面的例子中加入摘錄來說明問題。感謝您的幫助。 –

+0

當然你知道這一切,因爲你寫了其他文件,抱歉:-)。是的,我正在使用路由並嘗試在視圖內加載iframe。我得到了「在沙盒模式下初始化的SqPaymentForm。請參閱https://docs.connect.squareup.com/articles/using-sandbox/」消息,但輸入不可見。我不確定在哪裏尋找麻煩拍攝這個。謝謝你的幫助! –

回答