Ionic - Cordova 集成

Cordova 提供 ngCordova，它是一组专门设计用于与 AngularJS 配合使用的包装器。

安装 ngCordova

启动 Ionic 应用程序时，您会注意到它正在使用 bower。它可用于管理 ngCordova 插件。如果您已安装 bower，请跳过此步骤，如果没有，则可以在命令提示符窗口中安装它。

C:\Users\Username\Desktop\MyApp> npm install -g bower

现在我们需要安装 ngCordova。在命令提示符窗口中打开您的应用程序。以下示例用于位于桌面上名为 MyApp 的应用程序。

C:\Users\Username\Desktop\MyApp> bower install ngCordova

接下来，我们需要将 ngCordova 包含到我们的应用程序中。打开 index.html 文件并添加以下脚本。将这些脚本添加到 cordova.js 之前和 ionic 脚本之后非常重要。

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

现在，我们需要将 ngCordova 注入为 angular 依赖项。打开您的 app.js 文件并将 ngCordova 添加到 angular 模块。如果您使用过 Ionic 模板应用程序之一，您会注意到其中注入了 ionic、控制器和服务。在这种情况下，您只需在数组末尾添加 ngCordova。

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

您可以随时通过键入以下命令来检查已安装的插件。

C:\Users\Username\Desktop\MyApp> cordova plugins ls

现在，我们可以使用 Cordova 插件。您可以在此处检查所有其他插件。