Question

我正在尝试在Angular Web App中使用格子链接。看来，由plaid提供的脚本只能在index.html文件的内部使用。当我尝试在组件中使用它时，脚本根本无法运行。

我将与 https：// plaid上的文档一起关注.com / docs / quickstart /＃step-2-simple-integration

如果我只在其中创建一个基本的html文件，但在有角度的组件中不起作用，则它们有一些jquery代码可以正常工作

这是一个无法按角度工作的代码示例吗？

 ` 
<脚本
src =“ https://cdn.plaid.com/link/v2/stable/link-initialize.js”
data-client-name =“我的应用程序”
data-form-id =“ plaid-link-form”
data-key =“ [PUBLIC KEY]”
data-product =“ auth”
data-env =“ sandbox”>
`

编辑：我犯了一个错误。我使用Angular 5，而不是2。

Answer 1

如果您使用的是 system.js ，请尝试使用system.js的{{1}}函数导入脚本，如下所示：-

import

如果您使用的是 webpack ，则可以调用export class YourComponent { constructor(){ System.import('https://cdn.plaid.com/link/v2/stable/link-initialize.js').then(Plaid => { var handler = Plaid.create({ clientName: 'My App', env: 'sandbox', key: '[PUBLIC_KEY]', // Replace with your public_key to test with live credentials product: ['auth'], }); }); } }函数来加载所需的文件。

require.ensure

Answer 2

我在此存储库中发现了格子链接的Ionic 2（Angular2 +）使用。 https://github.com/pbernasconi/plaid-link-ionic-2-example/tree/master/src 我将脚本添加到索引，然后在控制器中运行它。我不完全了解clarifications.d.ts文件是如何发挥作用的，但是我现在有一个包含相同代码的文件。

<script>在角度5组件中不起作用（带有Angular 2+的格子链接）

2 个答案: