課程內(nèi)容：

按照AngularJs MVC框架進(jìn)行代碼重構(gòu)，新建一個(gè)DataService服務(wù)類使用SQLite插件實(shí)現(xiàn)儲(chǔ)存對(duì)通訊錄的本地存儲(chǔ)。

涉及的知識(shí)點(diǎn)：

Angular2 Injectable的使用熟成的模塊依賴注入

引用類庫(kù)

引用SQLite插件和 Storage，SqlStorage模塊

 運(yùn)城HTML5手機(jī)APP開發(fā)入門

重構(gòu)代碼

新建一個(gè)Model

新建一個(gè)modules目錄，新建一個(gè)contact.ts,定義一下字段的類型

新建一個(gè)dataService

引用類或plugin pack

import {Storage,SqlStorage} from ‘ionic-angular‘;

import {Contact} from ‘../modules/Contact‘;

關(guān)鍵字

@Injectable()

表示可以依賴注入的

注冊(cè)新建的服務(wù)

修改app.ts

注入自定義服務(wù)類

import {DataService} from ‘./pages/services/dataService‘;

providers:[DataService],

使用DataService

引用類庫(kù)

import {Contact} from ‘../modules/Contact‘;

import {DataService} from ‘../services/dataService‘;

注入服務(wù)

private dataService:DataService

Run Test

OK 完成