- 离子基础教程
- 离子 - 主页
- 离子 - 概述
- Ionic - 环境设置
- Ionic CSS 组件
- 离子 - 颜色
- 离子 - 内容
- 离子 - 标头
- 离子 - 页脚
- 离子 - 按钮
- Ionic - 列表
- 离子 - 卡片
- 离子 - 形式
- 离子 - 切换
- Ionic - 复选框
- Ionic - 单选按钮
- 离子 - 范围
- 离子 - 选择
- Ionic - 选项卡
- 离子 - 网格
- 离子 - 图标
- 离子 - 填充
- Ionic JavaScript 组件
- Ionic - JS 操作表
- Ionic - JS 背景
- Ionic - JS 内容
- Ionic - JS 表单
- Ionic - JS 事件
- Ionic - JS 标头
- Ionic - JS 页脚
- Ionic - JS 键盘
- Ionic - JS 列表
- Ionic - JS 加载
- Ionic - JS 模态
- Ionic - JS 导航
- Ionic - JS 弹出窗口
- Ionic - JS 弹出窗口
- Ionic - JS 滚动
- Ionic - JS 侧边菜单
- Ionic - JS 幻灯片盒
- Ionic - JS 选项卡
- 离子先进概念
- Ionic - Cordova 集成
- 离子 - AdMob
- 离子 - 相机
- 离子 - Facebook
- Ionic - 在应用程序浏览器中
- Ionic - 原生音频
- 离子 - 地理定位
- 离子 - 媒体
- Ionic - 启动画面
- 离子有用资源
- 离子 - 快速指南
- 离子 - 有用的资源
- 离子 - 讨论
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 插件了。您可以在此处检查所有其他插件。