ionic2+ 開發筆記

開發筆記

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>