HTML5手機APP開發入(3)

阿新發表於2016-03-28

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),實現模組化開發

相關文章