1.ionic+angular
ionic官网:https://ionicframework.com/docs/v4/components
命令新建文件:ionic g page pages/my-risk-management
(pages:是项目app下的文件,/my-risk-management是文件名)会生成:
这是一位大牛
2,ionic4 popover的用法(在官网中一个简单的列子,无法实现)
ionic4 生命周期:
ionViewDidLoad(){
console.log("1.0 ionViewDidLoad 当页面加载的时候触发,
仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发");
}
ionViewWillEnter(){
console.log("2.0 ionViewWillEnter 顾名思义,当将要进入页面时触发");
}
ionViewDidEnter(){
console.log("3.0 ionViewDidEnter 当进入页面时触发");
}
ionViewWillLeave(){
console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");
}
ionViewDidLeave(){
console.log("5.0 ionViewDidLeave 离开页面时触发");
}
我项目中的场景是,所有模块首次进入都会重新加载,
但从二级或者三级页面一层层的返回按钮返回,都是不刷新当前页面,但有个别页面需求比如三级页面做了新增,
更新的话返回到一级页面需要刷新当前页面的,
用的方法是:
ionViewDidEnter(){ //每次进入有这个方法的页面 都会执行此方法
console.log("3.0 ionViewDidEnter 当进入页面时触发");
}
ionic官网视频学习笔记
1,如何升级angular-cli最新版本?
npm uninstall -g angular-cli
npm cache clean
npm install -g @angular/cli@latest
注:用1.几的版本 ng new xxx 项目之后ng serve --open 结果报错,跑不起来,升级到10.几最新版之后,结果好了!
2,注解:
3, 项目创建
仅仅是angular项目
1, ng new xxx //一下是步骤,完成之后 下载依赖的时候是npm 比较慢,可以终止,换成cnpm
angular+ioni项目创建
2,首先要安装 cnpm i ionic cordova (ionic -v cordova -v)//安装最新版
ionic 官网 https://ionicframework.com/start#basics
ionic start angularIonic tabs
//创建时会让你选择是react和angular 上下键选择
//创建带tab的angularIonic名称的项目(官网有案例,angular react)
注意咯:项目启动的时候
1,仔细看报错信息-----4200 端口被占用 提示用"--port"修改端口号,
2,网上给的有:ng serve --port 4203 //我得项目报错 不知何故 ng serve --port=4203 ok
2,创建组件:
ng g component components/newDemo //创建组件---生成之后的如下
ionic+angular 项目创建
首先要安装
/*自定义组件模块,在多个模块中引用*/
安装android studio 为了打包成apk:详情以下:
android studio的安装,史上最详细(超多图)!!blog.csdn.net此文章中对创建一个新的虚拟设备 有点模糊,以下解说:
gradle安装与配置
下载地址:https://services.gradle.org/distributions/
详情: https://blog.csdn.net/yw00yw/article/details/89224971
SDK环境变量的配置
安装完android studio之后配置https://blog.csdn.net/yw00yw/article/details/89212124
(目前都这样配置了,但还是没打包成功)
报错如上:有大神知道的指点一二!
更新:第二天突然好了.( ionic start angularIonic tabs //新建的项目 就可以打包)
本人的详细步骤:
1:
2:
变量名: ANDROID_HOME 变量值: C:UsersxxxAppDataLocalAndroidSdk
变量名: GRADLE_HOME 变量值: C:UsersxxxAppDataLocalAndroidgradle-5.4.1
%ANDROID_HOME%tools
%ANDROID_HOME%platform-tools
%GRADLE_HOME%bin
检查是否安装成功
adb
gradle -v
注意:--->完事后应该要重启电脑--->不然配置的变量貌似不生效,才会报上面的错