iT邦幫忙

DAY 23
1

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

ionic 實作(12): ionic 中封裝 angular的 Service

  • 分享至 

  • xImage
  •  

為什麼要使用 Service 呢,簡單的說就是把常用的一些實作抽離出來,除了讓之後比較可以便利的維護外,在ionic 中也可以傳遞二邊的共用的變數。

以會員登入為例,在 許多controller 都會使用到 http get 及 post ,所以我們就可以把這二個實作封裝成可以remote 的service

Angular Service介紹

AngularJS Service https://docs.angularjs.org/guide/services

簡單的說,就是在 module中加入一個 factory,並且給予一個 ServiceId

Refactor

使用AngularJS 中的 factory 來封裝,實作 get 及 post 二個function

打開 js/service.js 的檔案,我們在這個檔案加上一個 remoteservice 的 factory

另外在controller 使用時,必須inject 我們所定義的service ,在這邊我們是命名為remoteService。

大功告成,所以如果我們要讓controller 之間可以互傳變數,你可以封裝成自己的factory的方式,把$rootScope傳入此service就可以實作了,這個部份請大家就自己練習看看吧


上一篇
ionic 實作(11): ionic 權控判斷與全域變數的存放
下一篇
ionic 實作(13): ionic 中封裝 angular的 directive
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言