運(yùn)城HTML5手機(jī)APP開發(fā)入門
課程內(nèi)容:
按照AngularJs MVC框架進(jìn)行代碼重構(gòu),新建一個(gè)DataService服務(wù)類使用SQLite插件實(shí)現(xiàn)儲(chǔ)存對(duì)通訊錄的本地存儲(chǔ)。
涉及的知識(shí)點(diǎn):
Angular2 Injectable的使用熟成的模塊依賴注入
引用類庫
引用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
引用類庫
import {Contact} from ‘../modules/Contact‘;
import {DataService} from ‘../services/dataService‘;
注入服務(wù)
private dataService:DataService
Run Test
OK 完成