ionic4
实战为基,理论为辅
渐暖°
才能这种东西 本来就是靠自己挖掘创造的 我也不是什么天才 我只是比任何人都拼命工作 一步一个脚印走过来了 等我回头一看 背后没有一个身影 那帮懒惰的人在山脚念叨着 谁叫那家伙是天才 开什么玩笑 我最讨厌悠哉悠哉长大的慢性子 比我有时间 有精力 感情丰富的人 为什么比我懒惰 那就给我啊 要把这些东西都浪费掉的话 就通通给我 我还有很多很多想创造的东西 给我啊--------摘自《legal high II》 与诸君共勉
展开
-
ionic4 如何安装和创建项目
ionic4的安装过程以及新建一个项目一、安装过程1.准备1)必须得安装 nodejs (建议安装最新的稳定版本)2)必须有 Angular 基础:https://www.itying.com/goods-1047.html2.安装环境,cordova ionic1)以管理员身份运行命令行工具2)然后输入npm install -g cordova ionic3.创建项目i...原创 2019-04-18 17:06:41 · 1571 阅读 · 11 评论 -
ionic4 路由跳转传值
路由跳转穿参第一步:引入接收路由传值的模块import { ActivatedRoute } from '@angular/router';第二步:声明承接数据的数组 public listorderid: any = {};第三步:定义constructor(public activatedRoute: ActivatedRoute){}第四步:接收路由传值的方法gOnI...原创 2019-04-26 15:23:17 · 1002 阅读 · 57 评论 -
ionic4 接收API数据库传值并显示
接收数据库通过API传的数据并显示通过如下命令建立公共服务组件ionic g service service/http如图common.service…spec.ts文件的内容import { TestBed } from '@angular/core/testing';import { CommonService } from './common.service';des...原创 2019-04-26 15:35:27 · 1163 阅读 · 56 评论 -
ionic4 根据不同的参数值显示不同的控件
ionic4 根据不同的参数值显示不同的控件,这些东西要写到你要跳转的那个组件里面page.ts ngOnInit() { //接收路由传值 this.activatedRoute.queryParams.subscribe((result) => { console.log(result); this.listorderid = result;...原创 2019-04-27 20:31:17 · 387 阅读 · 8 评论 -
ionic4 checkout出的项目运行失败
用SVN检出项目之后,直接运行ionic serve 结果出现以下错误 ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedde...原创 2019-04-23 15:50:57 · 617 阅读 · 5 评论 -
ionic4学习总结
1.新增模块ionic g page tab4ionic g module module/slideionic g page order/orderdetails2.插入跳转按钮<ion-content><ion-button color="primary" [routerLink]="['/news']">跳转到新闻</ion-button>&...原创 2019-05-08 08:33:33 · 280 阅读 · 4 评论 -
ionic 4 点击按钮跳转页面传值并刷新
点button就可以跳转到另外的页面1.跳转刷新在跳转页的ts文件中import { NavController } from '@ionic/angular';构造函数constructor( public nav: NavController, ) 具体方法back(){ this.nav.navigateRoot(['/tabs/order']); ...原创 2019-05-11 08:47:19 · 1641 阅读 · 2 评论 -
ionic 4 将数据存入缓存并读取(附加清空缓存)
之前感觉缓存一点都不懂,后来终于会存会取了存入缓存定义数组,声明什么类型都可以,在此处为举例public flag:any=[];在存入页写入缓存window.localStorage.setItem('flag', this.flag); 在取出页读缓存window.localStorage.getItem('flag', this.flag); 清空缓存window...原创 2019-05-11 08:54:55 · 1477 阅读 · 5 评论 -
ionic4 路由跳转刷新实战
做订餐项目的时候出现了一个问题,就是跳转刷新有时候无效,一共三种情况1.跳转刷新间歇性失效2.苹果手机无法跳转3.无法取消订餐最开始的时候我是使用下面的方法进行刷新的,就是先跳转到order页面,然后进行刷新,其实本来order页就已经重新赋值了,但是依然无效,即使将数组的值清空,重新赋值依然没有渲染,所以只能采用强制刷新的方法。this.nav.navigateRoot(['/tabs...原创 2019-06-06 11:15:09 · 1787 阅读 · 0 评论