2014年10月19日 星期日

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

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

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

Angular 介紹


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


Refactor

使用AngularJS 中的 factory 來封裝,實作 get 及 post 二個function
打開 js/service.js 的檔案,我們在這個檔案加上一個 remoteservice 的 factory


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

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

沒有留言:

張貼留言