ionic2+ 开发笔记

Posted 2020-11-01 final-elysion

开发笔记

ionic 模块定义

ionic2+ 环境下运行已有的ionic1项目

将ionic.project 重命名为 ionic.config.json

引用外部js 文件

1. 将外部文件放到www文件下

2. 在src/index.html 引用外部文件

   <script src="./jquery-3.2.1.min.js"></script> `

注意路径写法

(./为当前路径，../为上级目录)

安装camera插件报错

安装camera插件报错(https://forum.ionicframework.com/t/unable-to-add-camera-plugin/92703)

如何滚动到指定位置

如何滚动到指定位置

使用第三方类库

使用第三方类库

ionic storage使用问题

ionic storage使用问题

判断使用的平台

判断使用的平台

全局属性定义

全局属性定义

表单验证

表单验证

pop view 参数回传

pop view 参数回传

上存图片

上存图片

sublime格式化

sublime格式化

隐藏tab

  // ionViewDidEnter(){
  //   document.querySelector("#app-tabs .show-tabbar")['style'].display = 'none';
  // }

  // ionViewWillLeave() {
  //   document.querySelector("#app-tabs .show-tabbar")['style'].display = 'flex';
  // }

<ion-tabs id="app-tabs">
  <ion-tab [root]="tab1Root" tabsHideOnSubPages="true" tabTitle="首页" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="动态" tabIcon="star" tabBadge="3" tabBadgeStyle="danger"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="推荐" tabIcon="heart"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="订货车" tabIcon="contacts"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="我的" tabIcon="contacts"></ion-tab>
</ion-tabs>