随笔分类 -  400.Ionic4.x

1 2 下一页

ionic4.x网络请求
摘要：创建common服务： 在使用的页面引入服务 请求接口： 阅读全文

posted @ 2019-09-16 14:48 LoaderMan 阅读(1432) 评论(0) 推荐(0)

ionic4.x EventEmitter3的使用
摘要：安装： 创建event.service 使用 比如登陆成功后，更新个人中心页面数据： 登陆页面，引入事件服务： 在登陆成功后发布事件： 个人中心监听事件： 阅读全文

posted @ 2019-09-16 14:39 LoaderMan 阅读(1061) 评论(0) 推荐(0)

cordova run android 可能遇到的错误解决
摘要：运行： 等待下载，然后根据提示 输入android或者ios平台，即可 运行cordova run android 报错： 最快捷的解决方法就是使用Android studio 进行打包运行 阅读全文

posted @ 2019-09-16 14:20 LoaderMan 阅读(1398) 评论(0) 推荐(0)

Ionic4.x、Cordova Android 检测应用版本号、服务器下载文件以及实现App自动升级、安装
摘要：Android App 升级执行流程 1、获取本地版本号 2、请求服务器获取服务器版本号 3、本地版本和服务器版本不一致提示升级，弹窗提示用户是否更新 4、用户确定升级，调用文件传输方法下载 apk 文件 5、监听下载进度 6、下载完成打开 Apk 进行安装 注意:在 ios 中没法直接下载安装，如 阅读全文

posted @ 2019-08-10 22:03 LoaderMan 阅读(2788) 评论(0) 推荐(0)

Ionic4 Cordova 调用原生硬件 Api 实现扫码功能
摘要：QR Scanner 速度快，样式随心所欲，默认只能扫二维码 https://ionicframework.com/docs/native/qr-scanner/ 安装插件 ionic cordova plugin add cordova-plugin-qrscanner npm install @ 阅读全文

posted @ 2019-08-09 15:27 LoaderMan 阅读(1019) 评论(0) 推荐(0)

Ionic Cordova 调用原生 Api 实现拍照上传 图片到服务器功能
摘要：Ionic 调用 Device 设备 Api 获取手机的设备信息 1. 找到对应的Api: https://ionicframework.com/docs/native/device/ 2. 安装相关的设备插件 ionic cordova plugin add cordova-plugin-devi 阅读全文

posted @ 2019-08-08 15:29 LoaderMan 阅读(812) 评论(0) 推荐(0)

ionic生命周期函数
摘要：Ionic4中的生命周期函数和angualr7基本是一样的，下面我们看看Ionic4中的生命周期函数，以及生命周期函数的用法。 Ionic4中内置的生命周期函数： ionViewWillEnter —当进入一个页面时触发(如果它从堆栈返回) ionViewDidEnter —进入后触发 ionVie 阅读全文

posted @ 2019-07-03 09:51 LoaderMan 阅读(706) 评论(0) 推荐(0)

Ionic app IOS 在Xcode 模拟运行 真机调试
摘要：用Xcode打开项目 遇到权限问题 可以用命令修改权限，cd 到要修改权限的目录执行下面命令 sudo chmod -R 777 * 如果Signing中，Xcode manage signing profile报错 修改一下Bundle Identifiler 包名 遇到权限问题 可以用命令修改权 阅读全文

posted @ 2019-06-05 11:48 LoaderMan 阅读(1238) 评论(1) 推荐(0)

android studio 把 ionic 打包时修改应用名称、修改应用图标、修改启动画面，升级打包
摘要：在项目中resources中替换成自己的图标和启动画面即可 在config.xml 修改包名 打正式包和升级打包同原生的类似，在Androidmanifest.xml修改版本号和版本名 阅读全文

posted @ 2019-06-05 10:19 LoaderMan 阅读(999) 评论(0) 推荐(0)

Android studio 运行打包 Ionic 项目
摘要：1.创建项目 ionic start myapp tabs 2.cd 到项目文件夹中 3.ionic cordova platfrom add android 执行这个命令后建议修改一下应用包名称,参考 http://www.ionic.wang/article-index-id-91.html 4 阅读全文

posted @ 2019-06-05 09:59 LoaderMan 阅读(2473) 评论(0) 推荐(0)

ionic4 路由跳转、ionic4 路由跳转传值 NavController 返回上一页 、NavController 回到根
摘要：1、普通路由跳转 <ion-button [routerLink]="['/pinfo']"> 跳转到详情 </ion-button> <ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref 阅读全文

posted @ 2019-06-04 14:52 LoaderMan 阅读(5834) 评论(0) 推荐(0)

Ionic4.x ion-refresher 下拉更新
摘要：官方文档:https://ionicframework.com/docs/api/refresher <ion-header> <ion-toolbar> <ion-title> Tab One </ion-title> </ion-toolbar> </ion-header> <ion-conte 阅读全文

posted @ 2019-06-04 14:45 LoaderMan 阅读(1007) 评论(0) 推荐(0)

Ionic4.x ion-infinite-scroll 上拉分页加载更多
摘要：http服务： 阅读全文

posted @ 2019-06-04 14:38 LoaderMan 阅读(881) 评论(0) 推荐(0)

Ionic4.x ion-infinite-scroll 上拉分页加载更多
摘要：1、ion-infinite-scroll 上拉分页加载更多(模 拟) 官方文档:https://ionicframework.com/docs/api/infinite-scroll <ion-content> <ion-list> <ion-item *ngFor="let item of da 阅读全文

posted @ 2019-06-04 14:21 LoaderMan 阅读(1012) 评论(0) 推荐(0)

Ionic4.x Modal模态对话框以及 Modal 传值
摘要：1、Modal 模态对话框简介 官方文档:https://ionicframework.com/docs/api/modal Modal模态对话框主要用于登录注册页面，我们可以把它理解为从页面底部弹出的另一个页 面。 2、Modal 模态对话框使用 比如我们想在 modal 页面中弹出另一个页面 1 阅读全文

posted @ 2019-06-04 14:04 LoaderMan 阅读(758) 评论(0) 推荐(0)

Ionic4.x Javascript 扩展 ActionSheet Alert Toast Loading 以及 ionic 手势相 关事件
摘要：1、ActionSheet 官方文档:https://ionicframework.com/docs/api/action-sheet <ion-header> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button defaultHref 阅读全文

posted @ 2019-06-04 11:00 LoaderMan 阅读(783) 评论(0) 推荐(0)

Ionic4.x Theming(主题) 增加内置主题 颜色 修改内置组件默认样式 修改底部 Tabs 背景颜色以及按钮颜色
摘要：1、Ionic4.x Theming(主题) Ionic4.x 修改主题颜色的话需要在 src/theme/variables.scss 文件中修改。 https://ionicframework.com/docs/theming/advanced 2、Ionic4.x 增加内置主题颜色 找到 sr 阅读全文

posted @ 2019-06-04 10:27 LoaderMan 阅读(736) 评论(0) 推荐(0)

Ionic4.x 中的 UI 组件(UI Components) 侧边栏ion-menu组件以及底部tabs结合 侧边栏 ion-menu
摘要：1、侧边栏 ion-menu 组件的基本使用 1、创建项目 ionic start myApp sidemenu 2、配置项目 属性 作用 可选值 side 配置侧边栏的位置 start end menuId 侧边栏的唯一标识 type 配置侧边栏的弹出方式 overlay, reveal, pus 阅读全文

posted @ 2019-06-04 09:36 LoaderMan 阅读(1470) 评论(0) 推荐(0)

Ionic4.x 中的 UI 组件(UI Components) 日期组件
摘要：1、日期组件的基本使用 官方文档:https://ionicframework.com/docs/api/datetime 模板中: <ion-datetime display-format="YYYY-MM-DD" [(ngModel)]="day"></ion-datetime> <ion-da 阅读全文

posted @ 2019-06-03 17:30 LoaderMan 阅读(1405) 评论(0) 推荐(0)

Ionic4.x 中的 UI 组件(UI Components) Slides 轮播图组件、Searchbar 组件、 Segment 组件
摘要：Slides 轮播图组件 Ionic4.x 中的轮播图组件是基于 swiper 插件，所以配置 slides 的属性需要在 swiper 的 api 中 找 Swiper Api:http://idangero.us/swiper/api/ <ion-header> <ion-toolbar> <i 阅读全文

posted @ 2019-05-31 17:43 LoaderMan 阅读(959) 评论(0) 推荐(0)

1 2 下一页

导航