iT邦幫忙

DAY 26
0

開發 Mobile 手機的新一代霸主-ionic framework系列 第 26

ionic 實作(15): ionic Loading

  • 分享至 

  • xImage
  •  

在畫面載入資料時,我們習慣上都會加入Loading的效果,來讓User知道資料正在載入中,如下圖所示

在ionic 中提供了一個$ionicLoading的物件可以來做到這種效果

官方文件 http://ionicframework.com/docs/api/service/$ionicLoading/

以下的寫法是最簡單的寫法,在ionicLoading.show 只設定了template 的內容為 Loading

修改一下,讓loading的效果做一些不同的效果,如下同

大功告成,這個部份算是比較簡單的,大家可自行在controller中加入此Loading效果


上一篇
ionic 實作(14): Master Detail Pattern
下一篇
ionic 實作(16): ionic ngCordova
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言