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 插件了。你可以在这里查看所有其他插件 这里

广告
© . All rights reserved.