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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM