Appery.io中外部资源的访问内容

Question

我刚接触过Appery.io、离子型和AngularJS，但到目前为止，它已经被证明是一个非常棒的简化开发平台。

我遇到的问题是集成外部JS资源。

我想要完成的-概述

我正在尝试将Braintree的附带用户界面支付处理表单添加到我的应用程序的一个视图中。

问题

在运行Braintree.setup()函数时，我一直收到" error : Braintree.setup不是一个函数“的错误。

添加外部库

我通过执行以下操作来包含脚本：

1. 转到:应用程序设置>外部资源
2. 添加脚本url并将其保存为外部库。
3. 将其设置为“已启用”，以便只能在“支付”页视图中加载它。

​

​

，包括视图中的脚本

1. 转到“路由”
2. 单击要加载它的页的“依赖项”。
3. 选择脚本>保存

​

​

触发Braintree.setup()

1. 弹出到我的页面>范围
2. 添加设置功能，如Braintree网站所列。

​

​

运行页面

1. 运行该页面并提供以下错误：“Braintree.setup不是函数”

注意:在此之前，我也收到了另一个错误，但不知道原因。它也出现了一些演示应用程序，阿普里已经提供了。如果你能告诉我原因的话。

​

​

正如我在Firebug中看到的那样，脚本已经加载。

​

​

注意:在网站上，代码使用的是Braintree.setup()而不是braintree.setup()。我切换到了Braintree.setup()，因为braintree.setup()给了我一个错误，说明braintree没有定义。我不确定Braintree是否是在资源部分中定义的变量，Appery在该部分中将脚本中的任何值分配给变量。

感谢任何能帮忙的人！

Answer 1

在深入挖掘之后，我了解了RequireJS和AngularJS。

结果，您必须定义脚本并将其放入变量中，并列出任何依赖项。

步骤1:创建新的> Javascript:type=Angular服务

步骤2:定义对外部lib url的依赖关系

步骤3:返回外部lib属性

​

​

步骤4:在页面中包含新创建的JS文件和外部Lib

步骤5:使用Apperyio.get('AngularServiceName')调用它

​

​

瞧！