- Ionic 基础教程
- Ionic - 首页
- Ionic - 概述
- Ionic - 环境搭建
- Ionic CSS 组件
- Ionic - 颜色
- Ionic - 内容
- Ionic - 页眉
- Ionic - 页脚
- Ionic - 按钮
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表单
- Ionic - 开关
- Ionic - 复选框
- Ionic - 单选按钮
- Ionic - 滑块
- Ionic - 选择框
- 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 高级概念
- Ionic - Cordova 集成
- Ionic - AdMob
- Ionic - 相机
- Ionic - Facebook
- Ionic - 应用内浏览器
- Ionic - 原生音频
- Ionic - 定位
- Ionic - 媒体
- Ionic - 启动画面
- Ionic 有用资源
- 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 注入为 Angular 依赖项。打开你的 app.js 文件并将 ngCordova 添加到 Angular 模块。如果你使用过 Ionic 模板应用之一,你会注意到其中注入了 ionic、控制器和服务。在这种情况下,你只需在数组末尾添加 ngCordova。
angular.module('myApp', ['ngCordova'])
你可以通过键入以下命令来检查已安装的插件。
C:\Users\Username\Desktop\MyApp> cordova plugins ls
现在,我们可以使用 Cordova 插件了。你可以在这里查看所有其他插件 这里。
广告