在Ionic中包含ngCordova的位置

时间:2016-04-26 10:48:33

标签: angularjs cordova ionic-framework ngcordova

我正在开发一款Ionic应用,我有一个问题。在ngCordova的网站上,他们说我们需要在 angular.js和之前包含ng-cordova.js文件 cordova.js

问题是我的Ionic项目中没有这些文件。我只有文件:

<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ionic-platform-web-client/dist/ionic.io.bundle.min.js"></script>

当我在这些文件之前包含cordova.js时,他们说angular不存在,所以插件无法运行。当我将它包含在2个文件之间或之后,我没有错误。但是,当我在我的应用程序中注入ngCordova时,就像这样:

var app = angular.module('starter', ['ionic','ionic.service.core','starter.controllers','starter.services','ngCordova'])

或者像这样:

angular.module('starter.controllers', ['ngCordova'])

我收到一条错误,指出ngCordova插件不存在。

我在终端中运行了以下命令:

ionic plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

我使用的ng-cordova.js文件是我制作自定义版本时网站提供的文件。

知道问题可能是什么?

谢谢!

2 个答案:

答案 0 :(得分:1)

您无需担心,构建应用程序后会自动添加ng-cordova.js。请在构建后调试应用程序,你永远不会找到这条消息。

您只需要在<script src="lib/ngCordova/dist/ng-cordova.js"></script>文件之后的index.html中添加ionic.bundle.js

如果您使用ionic start appName创建应用,则会自动添加。

有关详细信息,请参阅this discussion

答案 1 :(得分:1)

要安装ngCordova,请在项目中按照Document进行操作。

如果您有凉亭,那么如果您没有凉亭就没问题,请按照以下步骤尝试此命令npm install -g bower

bower install ngCordova

并在index.html中

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

然后你可以添加为

angular.module('myApp', ['ngCordova'])