在Ionic中包含js库的位置?

Fal*_*ive 6 javascript jquery angularjs ionic-framework

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

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

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

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

谢谢你的耐心等待 - J.

Ali*_*ito 16

我知道这是旧的,但是对于那些为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>
Run Code Online (Sandbox Code Playgroud)

  • 正是我在寻找,感谢阿里. (2认同)

Mar*_*rry 7

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

<!-- 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>
Run Code Online (Sandbox Code Playgroud)

一旦您将脚本放在这里,它们将在应用程序运行时被调用,并且诸如jquery之类的库将在整个应用程序中全局可用.我希望这有帮助.

  • 额外答案:在*ionic bundle之前包含jquery*以具有角度加载jquery而不是jqlite. (3认同)