Ionic Cordova集成


Cordova提供 ngCordova ,这是一套专门设计用于AngularJS的包装器。

安装ngCordova

当你启动Ionic应用程序时,你会注意到它正在使用 凉亭 。它可用于管理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添加到角度模块。如果您使用过其中一个Ionic模板应用程序,您会注意到注入了Ionic,控制器和服务。在这种情况下,您只需在数组末尾添加ngCordova。

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

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

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

现在,我们可以使用Cordova插件。你可以在这里检查所有其他插件。