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

标签 javascript angularjs ionic-framework braintree appery.io

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

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

我想要实现的目标 - 概述

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

问题

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

添加外部库

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

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

enter image description here

在 View 中包含脚本

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

enter image description here

触发 Braintree.setup()

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

enter image description here

运行页面

  1. 运行页面并出现此错误“错误:Braintree.setup 不是函数”

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

enter image description here

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

enter image description here

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

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

最佳答案

经过深入研究,我了解了 RequireJS 和 AngularJS。

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

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

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

第3步:返回外部lib属性

enter image description here

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

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

enter image description here

瞧!

关于javascript - 访问Appery.io中外部资源的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40164842/

相关文章:

javascript - 如何使用混合移动应用程序的 ajax 和 json 登录

javascript - 网络摄像头视频流未显示在 html5 视频标签中

css - 谷歌地图自动完成,修复输入

ionic-framework - 重新加载 Ionic 应用程序/页面后 Firebase 自动登录

javascript - $(document).on ('click' 在 Chrome 中不起作用

javascript - Javeline XSLT 示例

javascript - 在 Angular 应用程序中加载 Fabric JS

javascript - Angularjs:数组分配问题

angularjs - Google Analytics(分析)插件未在仪表板中报告用户

android - Ionic 应用程序在浏览器中运行,但在 Android 上失败 : [ERROR] Error initializing Cordova: Class not found