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

Question

我是 Appery.io、IONIC 和 AngularJS 的新手，但到目前为止，它已被证明是一个非常棒的简化开发平台。

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

我想要完成的任务 - 概览

我正在尝试将Braintree's drop-in UI 付款处理表单添加到我的应用程序的一个视图中。

问题

我在运行 Braintree.setup() 函数时不断收到“错误：Braintree.setup 不是函数”错误。

添加外部库

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

1. 转到：应用设置 > 外部资源
2. 添加脚本url并保存为外部库
3. 将其设置为启用，以便我只能在付款页面查看期间加载它

在视图中包含脚本

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

触发 Braintree.setup()

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

运行页面

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

注意：在此之前我也收到另一个错误，但不知道为什么。它还出现了 Appery 提供的一些演示应用程序。如果你能告诉我原因，布朗尼会加分。

脚本已加载，我可以在 Firebug 中看到它。

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

非常感谢任何可以提供帮助的人！

Answer 1

经过大量挖掘，我了解了 RequireJS 和 AngularJS。

事实证明，您必须定义脚本并将其放入变量中，并列出所有依赖项。

第 1 步：新建 > Javascript:type=Angular 服务

第2步：定义对外部lib url的依赖

第 3 步：返回外部库属性

第四步：在你的页面中包含新创建的 JS 文件和外部 Lib

第 5 步：使用 Apperyio.get('AngularServiceName') 调用它

瞧！