ionic 中ion tabs動態載入問題

2021-08-26 12:09:40 字數 766 閱讀 7122

首先我是使用下面的方式去做的

經過這樣寫,每次開啟之後頁面都是一片空白,通過html檢視,發現後台傳來的分頁的確是加入到中的

但是頁面是一片空白。問了公司的前端大神,前端大神說需要給設定selectedindex這個屬性,要不然不知道載入的頁面,畢竟是小白,按別人的方法放入了selectedindex屬性 ,發現並沒有什麼作用,尷尬了。

通過檢視ionic提供的這個元件的原始碼可以看到

當ion-tabs這個元件存在時,ionic就會取出ion-tab,然後建立相同數量的a標籤,並且ionic預設是載入第乙個分頁的(建立)。

所以解決方法就是在後台資料沒回來之前給ion-tabs不顯示在頁面上。資料回來後再顯示,並且此時將ion-tab插入

也就是tabsisvis首先為false,等資料載入回來之後,置為true 

此時,成功完成了動態載入,並且頁面也不再是一片空白 

如有不嚴謹的地方,請見諒,本人是前端小白,,,,,

ionic開發中動態設定ion scroll的高度

步驟 directive scrollheight function window 說明 44為導航欄高度,49為標籤欄高度,200為黃色檢視高度,如下圖 2.設定ion scroll高度 在ion scroll後新增scroll height ion scrolldirection y scrol...

ionic 中的路由玩法

開發ionic的專案,路由其實還是蠻重要的乙個東西。有了這個東西,我們可以很輕鬆的實現頁面的切換和跳轉。這裡我就介紹一些ionic中的一些路由的簡單玩法。1.路由的準備 首先我們要想路由能很好的工作,那我們就需要在config中配置好相關的東西。在config中需要用到 stateprovider ...

ionic中獲取座標方法

ionic中獲取座標的方法 1.首相需要執行命令 cordova plugin add cordova plugin geolocation 2.然後塊級注入配置bower檔案引入ngcordova 2.然後塊級注入配置bower檔案引入ngcordova 3.控制器中注入 cordovageolo...