Недействительная транзакция при использовании угловой директивы PayPal-Button?
Я пытаюсь использовать угловую директиву PayPal для кнопки PayPal. Вот мой код:
<paypal-button
payment="paymentDetails.createPayment"
on-authorize="paymentDetails.executePayment"
ng-attr-style="paymentDetails.paypalButtonStyle"
commit="true"
env="sandbox"
style="position: absolute; bottom: 0;"
></paypal-button>
Кнопка отображается, но когда я нажимаю на нее, я получаю эту ошибку:
This transaction is invalid. Please return to the
recipient's website to complete your transaction using their regular checkout flow.
Я пытался без использования директивы и работает отлично.
Код в HTML:
<div id="paypal-button" style="position: absolute; bottom: 0;"></div>
Код в контроллере:
$timeout(function() {
paypal.Button.render({
env: 'sandbox',
commit: true,
payment: createPayment,
onAuthorize: executePayment,
style: vm.paypalButtonStyle
}, '#paypal-button');
});
Почему директивный способ не работает? Просто примечание, на которое я ссылался: https://github.com/paypal/paypal-checkout/blob/master/docs/frameworks.md#angularjs-element