ionic2/3
菠菜盼娣
这个作者很懒,什么都没留下…
展开
-
ionic 2 3 生命周期 tab input button list grid input card loading toolbar 随点记上篇
从ionic 2——ionic3 对比变化分析。安装2.0以上的安装 npm install -g ionic@beta 1.0安装 npm install -g ionic 初始化项目ionic start ionicdemo --v2ionic start ionicdedmo tabs --type=ionic1生命周期对比ionic2 声明周期 ...原创 2018-12-06 18:21:10 · 164 阅读 · 0 评论 -
ionic3 searchbars用法
1 相关html<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar> <ion-list> <ion-item *ngFor="let item of items"> {{ item }} </ion-item> </ion-...原创 2019-03-22 09:35:10 · 570 阅读 · 0 评论 -
ionic3 Radio的使用
1 相关html(submit)=“doSubmit($event)” 提交函数[formGroup]=“langForm” 表单组<form (submit)="doSubmit($event)" [formGroup]="langForm"> <ion-list radio-group formControlName="langs"> &l...原创 2019-03-22 09:14:43 · 110 阅读 · 0 评论 -
ionic3 Form表单的使用
1 相关Html<form (submit)="processForm()" [formGroup]="form"> <ion-list> <ion-item> <ion-input formControlName="firstName" type="text" placeholder="First Name"&g...原创 2019-03-22 09:11:17 · 116 阅读 · 0 评论 -
ionic3 subtabs使用方法
图片效果:1 具体用法:<ion-tabs SelectedIndex="2"> <ion-tab [root]="tab3Root" tabTitle="" tabIcon=""></ion-tab> 定义样式 <ion-fab bottom center style="border-top: 0.55px solid rgba...原创 2019-03-21 10:27:42 · 46 阅读 · 0 评论 -
ionic3滑动菜单的使用方法
1 先引入swiper<link rel="stylesheet" href="assets/swiper/css/swiper.min.css"><script src="assets/swiper/js/swiper.min.js"></script>2 创建页面模板ionic g page pagemenu13 将pagemenu1引入到对应...原创 2019-04-11 14:30:35 · 73 阅读 · 0 评论 -
ionic3权限用法
1 安装cordova plugin add cordova-plugin-android-permissionsnpm install --save @ionic-native/android-permissions2 在app.module.ts导入模块import { AndroidPermissions } from '@ionic-native/android-permissi...原创 2019-03-15 14:39:56 · 116 阅读 · 0 评论 -
ionic3 sliders轮播图相关知识点
相关html<ion-slides pager (ionSlideTap)="clickItem()" (ionSlideDidChange)="slideChange()" (ionSlidePrevEnd)="preChange()" (ionSlideNextEnd)="nextChange()"> <ion-slide style="background-c...原创 2019-03-19 14:36:59 · 105 阅读 · 0 评论 -
ionic2——ionic3 navigation imagepicker 启动图标 数据缓存 页面跳转得方式 请求 下拉刷新
ionic2/3 整体变化总结ionic2/3的navigation用法## A 页面跳转带参数ionic2 父页面用法 引入 navController import {NavController} from "ionic-angular" ...原创 2018-12-07 10:52:07 · 160 阅读 · 0 评论 -
ionic3 segments 用法
描述 通过次级导航栏 点击对应的按钮 通过对应的按钮 点击传递的参数来显示哪个content下的内容1 相关html<ion-header><ion-toolbar no-border-top> <ion-segment [(ngModel)]="pet"> 双向绑定pet <ion-segment-button ...原创 2019-03-22 09:53:05 · 61 阅读 · 0 评论