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 作为角度依赖。打开 app.js 文件并将 ngCordova 添加到 Angular 模块。如果您使用过 Ionic 模板应用程序之一,您会注意到其中注入了 ionic、控制器和服务。在这种情况下,您只需在数组末尾添加 ngCordova 即可。

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

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

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

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