在 Ionic 中包含 ngCordova 的位置

Where to include ngCordova in Ionic

我正在开发 Ionic 应用程序,但遇到了问题。在 ngCordova 的网站上,他们说我们需要包含 ng-cordova.js 文件 after angular.js 和 before 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 不存在,所以插件不能 运行。当我将它包含在两个文件之间或之后时,我没有错误。但是,当我在我的应用程序中注入 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文件是我自定义构建时网站提供的文件。

知道问题出在哪里吗?

谢谢!!

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

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

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

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

要安装 ngCordova,请在您的项目中遵循此 Document

如果你有 bower 那么没问题,如果你没有 bower 那么试试这个命令 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'])