在Ionic中包含js库的位置?

时间:2014-10-21 21:14:10

标签: javascript jquery angularjs ionic-framework

谢谢你的时间!我正在努力让任何脚本在Ionic框架的sidemenu入门模板中运行。我把它们放在任何地方(除了它们应该是的地方,显然),但无济于事。我曾尝试在离子之前加载它们,也使用较低版本的jquery。我已经建立了一个像jquery一样体面的移动网站,我已经通过phonegap推动它完美无缺,但我想使用Ionic作为个人挑战。但是,我似乎无法获得我正在使用的任何脚本。

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

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

如果我已经足够清楚请注释,我会进一步详细说明。

感谢您的耐心等待 - J

3 个答案:

答案 0 :(得分:16)

我知道这已经过时了,但对于那些为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>

答案 1 :(得分:7)

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

答案 2 :(得分:1)

用户在https://github.com/ionic-team/ionic/issues/9422

列出的很好
  1. 安装最新的离子
  2. 启动您的项目
  3. 转到/ src /
  4. 打开资产文件夹
  5. 在资产内创建/ js /文件夹
  6. 将此.js复制到此js文件夹中  
  7. 转到/src/index.html
  8. 添加路径
  9. 转到您选择的打字稿文件并声明var N;
  10. N.yourFunction
  11. 离子发球