ionic
可芭乐
这个作者很懒,什么都没留下…
展开
-
混合APP开发基础
App类型 webApp:在浏览器上运用web NativeApp:原生语音 HybridApp:兼具两者 移动端开发有哪些框架 混合开发比较火:Ionic、React Native、html5+(类似AppCan) ionic CSS部分介绍.bar-header —— 置顶 .bar-subheader —— header之下置顶 .bar-footer —...原创 2018-03-06 18:53:58 · 17824 阅读 · 0 评论 -
ionic混合app开发——ionic-native
1.安装依赖包npm install --save @ionic-native/camera //手机照相机功能npm install --save @ionic-native/file //手机查找文件功能npm install --save @ionic-native/file-path //文件路径功能npm install --save @ionic-...原创 2018-03-27 18:51:34 · 4587 阅读 · 1 评论 -
ionic混合开发APP模块——更新注销
NavController:导航控制器组件的基类页面跳转 gotoUserPage() { this.navCtrl.push(UserPage); //UserPage跳转页面 } 修改用户名及注销UserId创建user页面ionic g page useruser.html<!-- Generated tem...原创 2018-03-26 18:32:59 · 347 阅读 · 0 评论 -
ionic开发混合APP通用函数一
通用函数新建common文件夹,新建baseui.ts文件import { Loading, LoadingController, ToastController, Toast } from 'ionic-angular';export abstract class BaseUI { constructor() { } /** * 加载中...原创 2018-03-21 17:16:40 · 390 阅读 · 0 评论 -
登录页的API交互——ionic
showWhen:什么设备显示就显示什么字段 报错较多:删除ts文件中的“@IonicPage()”类似的在页面中无论使用了什么模块,都必须在app.module.ts中引入注册 与后台交互使用函数 新增providers文件夹,与app文件夹同级 在providers文件夹中增加rest文件夹,最后新增rest.ts文件import { Injectable }...原创 2018-03-21 17:08:27 · 795 阅读 · 0 评论 -
页面跳转——ionic
页面跳转基本需求引入ModalController!!!import { Component } from '@angular/core';import { IonicPage, NavController, NavParams, ModalController } from 'ionic-angular';import { LoginPage } from '../login...原创 2018-03-20 17:26:33 · 1231 阅读 · 0 评论 -
混合APP开发基础——以ionic为例
报错内容 ionic3 一刷新就报此错误events.js:136throw er; // Unhandled 'error' event^Error: read ECONNRESETat _errnoException (util.js:999:13)at TCP.onread (net.js:629:25)解决方案 删除node_module文件中的ws文件 然后重新...原创 2018-03-20 16:57:06 · 869 阅读 · 0 评论 -
ionic混合开发——个人头像处理
angular: 单向绑定{{xxx}} ion-avatar: 头像组件more.ts文件import { Component } from '@angular/core';import { IonicPage, NavController, NavParams, ModalController, LoadingController } from 'ionic-angular';...原创 2018-03-23 18:51:16 · 851 阅读 · 0 评论 -
ionic混合APP开发数据绑定循环
数据绑定循环前端显示<ion-card *ngFor="let f of feeds"> <ion-item> <ion-avatar item-start> <img src="{{f.HeadFace}}" alt=""> </ion-avatar&am原创 2018-03-29 18:42:36 · 548 阅读 · 0 评论 -
用户注册
model:临时、过渡的一个弹窗 nav:用于层级关系的页面的展示 this.navCtrl.pop(); nav过渡出去的页面必须用pop返回到上一页面 验证优缺点 前后端验证区别 前端验证优点快,不需要后台返回结果即可提示用户哪里出错了 缺点整体代码的灵活性被限制在了固定的App版本中 后台验证优点灵活性,提示用户的...原创 2018-03-23 17:30:51 · 496 阅读 · 0 评论 -
ionic 组件修改——tab为例
新增tab页面新建一个新页面(组件)ionic g page newsapp.module.ts文件注册//引入NewsPage组件import { NewsPage } from '../pages/news/news';@NgModule({ declarations: [ MyApp, AboutPage, ContactPage,...原创 2018-03-06 16:19:57 · 1215 阅读 · 0 评论 -
ionic混合开发APP基础知识点及生命周期使用一
导入storageapp.module.ts文件import { IonicStorageModule } from '@ionic/storage';imports: [ BrowserModule, HttpModule, IonicModule.forRoot(MyApp), IonicStorageModule.forRoot()],...原创 2018-03-23 11:32:43 · 456 阅读 · 0 评论 -
安卓真机安装包体验
添加安卓平台,可打包成APP发布至安卓平台ionic cordova platform add androidionic cordova build android 添加iOS 平台,可打包成APP发布至ios平台(需提前解决苹果的许可证问题)ionic cordova platform add iosionic cordova build ios 添加微信平...原创 2018-03-19 16:29:43 · 229 阅读 · 0 评论 -
ionic 跳转页面、组件使用
新建页面步骤:ionic g page newsapp.module.ts中引入声明组件home页面(主页面)引入组卷,跳转:this.navCtrl.push(NewsPage) 页面跳转案例跳转主页面:<button ion-button (click)="goNews()">跳转到新闻页面</button> //点击动作主页...原创 2018-03-05 18:38:32 · 1483 阅读 · 0 评论 -
ionic的安装及创建
安装依赖npm install -g covdova ionic若安装不上,选择cnpm安装查看是否安装完成ionic -vcordova -v根据官网的三种样式选择创建页面ionic start App tabs进入文件夹cd App启动程序ionic serve目录说明: resources:打包成APP...原创 2018-03-02 16:31:22 · 330 阅读 · 0 评论 -
ionic组件运用——list
list基本方法 <ion-list> <ion-item>1</ion-item> <ion-item>2</ion-item> </ion-list>扩展应用列表标题(位于头部)<ion-list-header></ion-list-hea原创 2018-03-09 18:21:10 · 542 阅读 · 0 评论 -
ionic混合APP开发后台交互
(tap) 用手指点 一般作用域不是button的元素的点击事件的绑定,绑定click事件不会生效 【一】ionic与后台交互(ajax)submitQuestion() { $.ajax({ url: 'http://114.55.94.26:50888/mno/restful/respool_info/vipstatistics', type...原创 2018-03-29 14:34:06 · 1960 阅读 · 0 评论