2016-04-17 52 views
0

我在通過api調用獲取資源時在我的應用程序控制器中使用$ionicLoading,但默認ionicLoading凍結了整個視圖,從而阻止用戶點擊任何其他位置。但是,我的意圖是允許用戶在加載資源時能夠訪問或通過離子選項卡進行導航。在certan容器中的離子加載

離子加載是否有任何配置或解決方法來凍結視圖的某些部分?例如。裏面有ion-content還是特定的元素id/class?

回答

1

它不是一個很好的用戶體驗來禁止用戶在訪問標籤時訪問ion-content。此外,更改選項卡將更改ion-content,這反過來將刪除微調器。但是,如果您不想使用隱藏UI,可以使用$ionicLoading.show方法和noBackdrop選項。這是一個布爾類型屬性,如果設置爲true,則移除背景(疊加層),因此您的視圖看起來並不凍結。

$ionicLoading.show({ 
    noBackdrop: true 
}); 

您也可以使用其他選項自定義您的裝載機,這裏提到:http://ionicframework.com/docs/api/service/ $ ionicLoading/

Plunker

+0

看來,我仍然不能夠通過離子標籤後,導航增加'noBackdrop:true'。 Plunk here [鏈接](http://plnkr.co/edit/tI8lh2fvWvhTXOli94s9?p=preview) – desmondlee

+0

在這種情況下,帶有'loading-container'類的元素的z-index由'$ ionicLoading.show ',需要被覆蓋。你可以使用css'.loading-container {z-index:0} .loading-container .loading {z-index:13; ''。我在上面的答案中添加了鏈接到更新的plunkr。檢查它是否有效,並接受它是否解決了您的問題 –

相關問題