ionic2 + cordva混合开发
pre绿野仙踪fix
鸟爷的迷茫小心脏,生生被代码压垮了。。。
展开
-
ionic2 + cordova 环境搭建
nodejs 安装ionic安装以及demo建立 # cordova和ionic安装npm install -g cordova ionic#创建demo包含底部导航ionic start myApp tabs#浏览器运行查看效果ionic serve加入android平台的支持#添加android支持ionic platform add ...原创 2017-06-13 09:12:15 · 143 阅读 · 0 评论 -
ionic2 + cordova 应用-自定义组件
11.1 基本介绍 (欢迎加入Q群一起学习讨论657185219) angular2 controller 和 Directive 合并成Component ,前文已有介绍,所以我们编写组件和其他普通页面一样。11.2 组件调用 <page-dropdown <!--[dataList] 入参 中括号 (dropMenuClick)回调事件小括号--...原创 2017-07-14 17:51:34 · 141 阅读 · 0 评论 -
ionic2 + cordova 应用-轮播图
10.1 轮播图官方文档(欢迎加入Q群一起学习讨论657185219)10.2 使用html <ion-header> <ion-navbar> <ion-title>slide-pic-demo</ion-title> </ion-navbar></ion-header>...原创 2017-06-23 10:40:16 · 219 阅读 · 0 评论 -
ionic2 + cordova 应用-列表刷新(上拉)
9.1 列表使用(欢迎加入Q群一起学习讨论657185219)<ion-content> <ion-list> <ion-list-header>Follow us on Twitter</ion-list-header> <ion-item *ngFor="let i of items"> ...原创 2017-06-22 17:59:02 · 176 阅读 · 0 评论 -
ionic2 + cordova 应用-头部标题(样式自定)
8.1 标题栏使用(欢迎加入Q群一起学习讨论657185219)<ion-header> <ion-navbar> <ion-title> <ion-searchbar></ion-searchbar> </ion-title> <!--begin左侧;end结尾...原创 2017-06-22 17:43:02 · 379 阅读 · 0 评论 -
ionic2 + cordova 应用-module
7.1 module的概念(欢迎加入Q群一起学习讨论657185219)模块的使用:和我们平常所说的模块类似,angular2的应用是由根模块(app.module.ts)和其他子模块构成。模块的功能:主要由@Ngmodule进行属性设置,继而可以来构建整个module,具体属性如下declarations:Components/Pipes 的引入providers:servi...原创 2017-06-22 10:13:28 · 139 阅读 · 0 评论 -
ionic2 + cordova 应用-插件安装
6.1 ionic2 插件安装文档(欢迎加入Q群一起学习讨论657185219) 6.2 获取APP版本更新APP插件6.2 安装插件6.2.1 ionic cordova add cordova-plugin-app-version这句话是cordova安装底层硬件支持插件 6.3 安装插件JS支持npm install --save @ioni...原创 2017-06-20 15:03:22 · 254 阅读 · 0 评论 -
ionic2 + cordova 应用-导航
5.1 页面跳转隐藏底部tabs(欢迎加入Q群一起学习讨论657185219)看下面俩种方式跳转(paipai.ts)import { App,NavController } from 'ionic-angular';export class PaipaiPage { constructor( public app: App, public navCt...原创 2017-06-15 11:32:51 · 146 阅读 · 0 评论 -
ionic2 + cordova 应用-表单
4.1 静态页面login.html(欢迎加入Q群一起学习讨论657185219) <ion-content padding> <form [formGroup]="loginForm" > <ion-item> <ion-label>Username</ion-label> <..原创 2017-06-14 11:29:49 · 154 阅读 · 0 评论 -
ionic2 + cordova 页面操作控制
3.1 样式调整 contact.html <ion-header> <ion-navbar> <ion-title> Contact </ion-title> </ion-navbar></ion-header><ion-content>原创 2017-06-13 14:15:57 · 303 阅读 · 0 评论 -
ionic2 + cordova 目录结构解析
2.1 前置技能(欢迎加入Q群一起学习讨论657185219)2.1.1 typeScript 教程2.1.2 angular2 教程2.1.3 sass教程2.1.4 ionic2教程2.1.5 基本知识2.1.5.1Component 视图的控制类说白了就是ctrl层(把angular1 的controller 和 Directive 合并了)包含3...原创 2017-06-13 11:49:19 · 360 阅读 · 1 评论 -
ionic2 + cordova 问题汇总
checkbox, button 等元素点击事件触发俩次或者多次:由于 IonicModule.forRoot() 调用2次或者多次,去掉子module 的IonicModule.forRoot()调用。ionic cordova build ios --prod 打包成功样式显示不正常(node_modules 删除后重新执行cnpm install会出现):采用npm install...原创 2017-08-23 19:28:04 · 187 阅读 · 0 评论