我是 Appery.io、IONIC 和 AngularJS 的新手,但到目前为止,它已被证明是一个用于简化开发的非常棒的平台。
我遇到的问题是集成外部 JS 资源。
我想要实现的目标 - 概述
我正在尝试添加 Braintree's drop-in UI付款处理表单整合到我的应用程序内的一个 View 中。
问题
当我运行 Braintree.setup() 函数时,我不断收到“错误:Braintree.setup 不是函数”错误。
添加外部库
我通过执行以下操作来包含脚本:
- 转至:应用设置 > 外部资源
- 添加脚本网址并将其保存为外部库
- 将其设置为启用,以便我只能在付款页面查看期间加载它
在 View 中包含脚本
- 转到“路由”
- 点击我想要加载的页面的“依赖项”
- 选择脚本 > 保存
触发 Braintree.setup()
- 弹出到我的页面 > 范围
- 添加 Braintree 网站上列出的设置功能。
运行页面
- 运行页面并出现此错误“错误:Braintree.setup 不是函数”
注意:在此之前我还收到了另一个错误,但不知道为什么。它还出现了 Appery 提供的一些演示应用程序。如果你能告诉我原因的话,布朗尼会加分。
脚本已加载,正如我在 Firebug 中看到的那样。
注意:在网站上,代码使用 Braintree.setup() 而不是 Braintree.setup()。我已切换到 Braintree.setup() 因为 Braintree.setup() 给我一个错误,说 Braintree 未定义。我不确定 Braintree 是否是资源部分中定义的变量,其中 Appery 将脚本中的任何值分配给该变量。
非常感谢任何可以提供帮助的人!
最佳答案
经过深入研究,我了解了 RequireJS 和 AngularJS。
事实证明,您必须定义脚本并将其放入变量中,并列出所有依赖项。
第 1 步:新建 > Javascript:type=Angular 服务
第2步:定义对外部lib url的依赖
第3步:返回外部lib属性
第4步:在页面中包含新创建的JS文件和外部库
第 5 步:使用 Apperyio.get('AngularServiceName') 调用它
瞧!
关于javascript - 访问Appery.io中外部资源的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40164842/