HTML5手機APP開發入(3)

標籤：

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），實現模組化開發

HTML5手機APP開發入(3)