PayPal以角度2组件快速结账 - 加载问题？

Question

我正在尝试使用由angular 2组件包含和呈现的数据对象的价格动态创建paypal结帐按钮。我想传递paypal快递代码的金额，并在我打开我的结账组件时为我呈现一个按钮，但我遇到了很大的问题。

我遵循了这个指南：https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/basic-integration/但是如果我尝试在组件中包含paypals脚本代码它不会加载，如果我将代码放入我的Index.html脚本加载并给我这个错误：

ppxo_xc_ppbutton_error对象{错误：＆＃34;错误：文档准备就绪，元素#paypal-butto ... calhost：3000 / vendor.bundle.js：139776：25）[]＆＃34;，时间戳：1486999989713，windowID ：＆＃34; be296e274d＆＃34;，pageID：＆＃34; a63dc0f8ab＆＃34;，host：＆＃34; localhost：3000＆＃34; ...}

错误：文档已准备就绪，元素#paypal-button不存在     在https://www.paypalobjects.com/api/checkout.js:5176:39 []     在Zone.runTask（http://localhost:3000/vendor.bundle.js:138551:47）[=＆gt; ]     在ZoneTask.invoke（http://localhost:3000/vendor.bundle.js:138745:33）[]     at data.args。（匿名函数）（http://localhost:3000/vendor.bundle.js:139776:25）[]

• unhandled_error对象{消息：＆＃34;错误：文档准备就绪，元素#paypal-button不存在＆＃34;，堆栈：＆＃34;错误：文档准备就绪，元素#paypal-butto ... calhost： 3000 / vendor.bundle.js：139776：25）[]＆＃34;，errtype：＆＃34; [object Object]＆＃34;，event：＆＃34; ppxo_unhandled_error＆＃34;，version：＆＃34 ; 4.0.39＆＃34; ...} zone.js：155 Uncaught ZoneAwareError {__zone_symbol__error：错误：文档已准备就绪，元素#paypal-button不存在 在https://www.paypalobjects。...，__ zone_symbol__stack：＆＃34;错误：文档已准备好，元素#paypal-butto ... calhost：3000 / vendor.bundle.js：139776：25）[]＆＃34;}

Answer 1

您需要在角度组件中添加以下代码 声明让paypal：any;

然后你可以在ngOnInit中使用paypal.Button.render（{...}）方法