在Ionic中包含js库的位置

Where to include js libraries in Ionic?

本文关键字：位置 js 包含 Ionic      更新时间：2023-09-26

感谢您抽出时间！我正在努力让任何脚本在Ionic框架的侧菜单启动模板中运行。我把它们放在任何地方（显然，除了它们应该在的地方），但都无济于事。我在ionic之前尝试过加载它们，也使用了较低版本的jquery。我已经用jquery建立了一个不错的移动网站，我已经通过phonegap推送了它，它运行得很好，但我想把Ionic作为个人挑战。然而，我似乎找不到任何我正在使用的脚本。

我是否将它们包含在主索引文件中？如果是，是否在每个模板实例化时加载它们？或者我必须将它们包含在每个模板中吗？如果可以的话，请非常具体地说明我应该把它们放在文件夹的哪里（如果确实有一个特定的地方），以及我应该把脚本放在哪里。

我用这个约曼发电机安装了离子https://github.com/diegonetto/generator-ionic如果这有帮助的话。

如果我有足够清楚的说明，请发表评论，我将进一步阐述。

感谢您的耐心-J

我知道这是旧的，但对于那些为Ionic 2而苦苦挣扎的人来说，将脚本文件添加到src/assets/scripts中，然后通过src/index.html中的脚本标记（而不是www中的标记）引用它们。当它构建时，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>

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

<!-- 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等库将在整个应用程序中全局可用。我希望这能有所帮助。

如用户在此处列出的一样https://github.com/ionic-team/ionic/issues/9422

  1. 安装最新的ionic
  2. 开始您的项目
  3. 转到/src/
  4. 打开资产文件夹
  5. 在资产中创建/js/文件夹
  6. 将你的.js复制到这个js文件夹中
  7. goto/src/index.html
  8. 添加您的路径
  9. 转到您选择的typescript文件并声明var N；
  10. N.yourFunction
  11. 离子发球
相关文章：