Ionic4
ionic4
冯佳兴
一名非常热爱计算机的 Boy,技术是一门哲学,愿意和我一起研究新的技术吗?
本人坚持自主学习,站在巨人肩膀上学习,善于分享。
我会经常分享系列基础博客,希望大家喜欢,有什么问题记得关注留言哦!
展开
-
ionic4中上拉加载更多
订餐系统中加载订餐信息、以及加载账单信息,我们用到了上拉加载更多的功能,让数据成量的出现,这样做的好处就是,可以减轻服务器的压力,不需要加载全部的数据。ion-infinite-scroll 组件实现上拉分页加载更多 <ion-list> <ion-item *ngFor="let item of list"> <ion-la...原创 2019-05-02 16:27:52 · 1067 阅读 · 6 评论 -
Ionic4页面跳转
第一步,引入NavController第二步,调用 this.nav.navigateRoot(路由地址)效果展示:待续!原创 2019-04-24 14:41:07 · 1918 阅读 · 24 评论 -
ionic4中的Get请求
Ionic4中的Get请求数据与Angular get 请求数据相同,那么是如何具体实现Get请求呢?第一种方法:使用HttpClientModule模块注意:Angular5.X以后get 与post请求服务器数据使用HttpClientModule模块。① app.module.ts中引入并声明HttpClientModule//引入http相关模块import { H...原创 2019-04-28 21:36:46 · 948 阅读 · 18 评论 -
ionic4中手势事件的使用
我们在手机中常常用到长按、滑动、点击旋转、以及敲击等各种事件,如何具体使用呢?请看下文:tap 点击事件、 press 长按事件 、 pan 滑动多次触发、 swipe 滑动一次触发、 rotate 旋转事件、 pinch 捏合手势第一步,在vscode终端安装hammerjsnpm install hammerjs --save第二步,在主目录,即...原创 2019-04-24 11:26:23 · 1659 阅读 · 13 评论 -
ionic4中Alter弹框的使用
第一步,导入并在构造函数中声明import { AlertController } from '@ionic/angular';//导入弹框第二步,导入方法: async presentAlert() { const alert = await this.alertController.create({ header: '提示信息', m...原创 2019-04-24 10:45:43 · 2349 阅读 · 16 评论 -
ionic4中时间格式化+汉化日期控件
第一步,安装第三方插件在vscode终端输入该命令,安装第三方时间格式化的插件npmisilly-datetime--save第二步,导入组件import sd from 'silly-datetime'第三步,格式化时间为年-月-日import { Component, OnInit } from '@angular/core';import sd fr...原创 2019-04-24 09:37:31 · 1882 阅读 · 17 评论 -
ionic4中日期前一天,后一天的效果以及将日期转换为具体的星期
具体效果:HTML代码如下:<ion-header> <!-- 文字提示 --> <ion-icon class="restaurant" name="restaurant" color="primary"></ion-icon>午餐 <!-- 前一天的按钮 --> <ion-button (click...原创 2019-04-28 15:41:24 · 529 阅读 · 12 评论 -
ionic4目录文件分析
待续原创 2019-04-18 21:39:16 · 222 阅读 · 17 评论 -
ionic4环境搭建
一、什么是 Ionic(百度百科)? 它是一种开源的,可通过使用Web技术,开发高质量的移动APP、移动端的Web页面、微信公众平台应用、混合app web页面等的开发框架。二、环境搭建前提:安装稳定版的node.js1.安装 cordova ionic命令:npm install -g cordova ionic2.创建项目:不同的创建命令,样式不同,有空白的(...原创 2019-04-18 21:03:51 · 294 阅读 · 16 评论 -
ionic4中发送post请求
Ionic4中的Get请求学习post请求之前,必须先学习一下Get请求,重点完成Get请求中的http服务。①在.page.ts界面引入并声明公共服务import { HttpHeaders,HttpClient } from '@angular/common/http'; constructor( public http:HttpClient, ) {}...原创 2019-05-02 16:40:27 · 1502 阅读 · 5 评论 -
Ionic4 Input框限制(只能输入。。。)
输入大小写字母、数字、下划线:<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线:<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">...转载 2019-05-07 09:54:31 · 2088 阅读 · 4 评论