HTML5手機APP開發入(3)
課程內容:
按照AngularJs MVC框架進行程式碼重構,新建一個DataService服務類使用SQLite外掛實現儲存對通訊錄的本地儲存。
涉及的知識點:
Angular2 Injectable的使用熟成的模組依賴注入
引用類庫
引用SQLite外掛和 Storage,SqlStorage模組
重構程式碼
新建一個Model
新建一個modules目錄,新建一個contact.ts,定義一下欄位的型別
新建一個dataService
引用類或plugin pack
import {Storage,SqlStorage} from 'ionic-angular';
import {Contact} from '../modules/Contact';
關鍵字
@Injectable()
表示可以依賴注入的
註冊新建的服務
修改app.ts
注入自定義服務類
import {DataService} from './pages/services/dataService';
providers:[DataService],
使用DataService
引用類庫
import {Contact} from '../modules/Contact';
import {DataService} from '../services/dataService';
注入服務
private dataService:DataService
Run Test
OK 完成
下次講如何開發自定義元件(Component),實現模組化開發