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

时间:2016-10-20 21:26:26

标签: javascript angularjs ionic-framework braintree appery.io

我是Appery.io,IONIC和AngularJS的新手,但到目前为止,它已被证明是一个简化发展的邪恶平台。

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

我想要完成的任务 - 概述

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

问题

我一直收到"错误:Braintree.setup不是一个函数"运行Braintree.setup()函数时出错。

添加外部资料库

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

  1. 转到:应用设置>外部资源
  2. 添加脚本网址并将其另存为外部库
  3. 将其设置为已启用,以便我只能在付款页面视图中加载
  4. enter image description here

    在视图中包含脚本

    1. 转到"路由"
    2. 点击"依赖关系"对于我想在
    3. 上加载的页面
    4. 选择脚本>保存
    5. enter image description here

      触发Braintree.setup()

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

        运行页面

        1. 运行该页面并提供此错误"错误:Braintree.setup不是函数"
        2. 注意:我之前也收到了另一个错误,但不知道为什么。它也出现了Appery提供的一些演示应用程序。布朗尼指出,如果你能告诉我原因。

          enter image description here

          脚本已加载,因为我可以在Firebug中看到它。

          enter image description here

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

          非常感谢能够提供帮助的任何人!

1 个答案:

答案 0 :(得分:1)

经过深入挖掘后,我了解了RequireJS和AngularJS。

原则上你必须定义脚本并将其放在变量中,并列出所有依赖项。

第1步:创建新> Javascript:type = Angular Service

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

步骤3:返回外部lib属性

enter image description here

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

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

调用它

enter image description here

瞧!