【问题标题】:Where to include js libraries in Ionic?Ionic 在哪里包含 js 库?
【发布时间】:2014-10-21 21:14:09
【问题描述】:

感谢您的宝贵时间!我正在努力让任何脚本在 Ionic 框架的 sidemenu starter 模板中运行。我把它们放在任何地方(除了它们应该在的地方,很明显)但无济于事。我曾尝试在 ionic 之前加载它们并使用较低版本的 jquery。我已经用 jquery 构建了一个不错的移动网站,我已经通过 phonegap 推动了它,它运行良好,但我想使用 Ionic 作为个人挑战。但是,我似乎无法使用我正在使用的任何脚本。

我是否将它们包含在主索引文件中,如果包含,它们是否会在每个模板实例化时被加载?或者我必须将它们包含在每个模板中吗?如果您可以请非常具体地说明我应该将它们放在文件夹中的哪个位置(如果确实有一个特定的位置)以及我应该在哪里调用脚本。

如果有帮助,我使用这个 yeoman 生成器 https://github.com/diegonetto/generator-ionic 安装了 ionic。

如果我的注释足够清楚,请发表评论,我会进一步详细说明。

感谢您的耐心等待 - J

【问题讨论】:

  • 你只是想包含 jQuery 还是想包含其他东西?
  • 我正在尝试包含依赖于 jquery 和 jquery mobile 的脚本。比如fullcalendar.io
  • 你能解决吗?

标签: javascript jquery angularjs ionic-framework


【解决方案1】:

我知道这是旧的,但对于那些为 Ionic 2 苦苦挣扎的人,将脚本文件添加到 src/assets/scripts,然后通过 src/index.html 中的脚本标记引用它们(不是万维网)。当它构建时,src/assets 中的所有内容都将被复制到 www/assets,包括您的脚本。 index.html 也将被复制到 www。

  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>
  <script src="assets/scripts/openpgp/openpgp.js"></script>
  <script src="assets/scripts/openpgp/openpgp.worker.js"></script>

【讨论】:

    【解决方案2】:

    我会在cordova 的脚本标记之前或之后添加任何脚本,例如jquery。这是在 index.html 中,位于运行 yeoman 生成器创建的项目的 app/ 目录中。

    <!-- Place scripts such as JQuery here -->
    
    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>
    
        <script src="scripts/config.js"></script>
        <script src="scripts/app.js"></script>
        <script src="scripts/controllers.js"></script>
    

    一旦您将脚本放在这里,它们将在应用程序运行时被调用,并且 jquery 等库将在整个应用程序中全局可用。我希望这会有所帮助。

    【讨论】:

    • 奖励答案:包含 jquery before 离子束以具有角度加载 jquery 而不是 jqlite。
    • 谢谢,我会试一试并报告。 @KateMihalikova 很高兴知道谢谢。
    • 是的,不幸的是它仍然坏了。我已经在这里发布了我的代码:pastebin.com/AHpG1JZu,如果你想看看的话,请带注释。
    • 您在第 42 和 47 行使用 jQuery,但在第 54/55 行加载它。如果应用程序一直在加载和加载,那么您似乎遇到了一些错误 - 请检查您的浏览器控制台。
    【解决方案3】:

    用户在这里列出的很好https://github.com/ionic-team/ionic/issues/9422

    1. 安装最新的 ionic
    2. 开始您的项目
    3. 转到 /src/
    4. 打开资产文件夹
    5. 在 assets 中创建一个 /js/ 文件夹
    6. 将你的 .js 复制到这个 js 文件夹中
    7. 转到 /src/index.html
    8. 添加您的路径
    9. 转到您选择的打字稿文件并声明 var N;
    10. N.yourFunction
    11. 离子服务

    【讨论】:

      猜你喜欢
      • 2010-10-30
      • 2012-05-04
      • 1970-01-01
      • 2017-12-12
      • 1970-01-01
      • 2015-11-09
      • 2020-07-26
      • 2011-05-19
      • 2016-09-01
      相关资源
      最近更新 更多