运城网站建设-运城app开发-运城微信公众平台开发

运城网站建设
网站首页 > 新闻资讯 > 网站建设

运城HTML5手机APP开发入门

课程内容:

按照AngularJs MVC框架进行代码重构,新建一个DataService服务类使用SQLite插件实现储存对通讯录的本地存储。

涉及的知识点:

Angular2 Injectable的使用熟成的模块依赖注入

引用类库

引用SQLite插件和 Storage,SqlStorage模块

 运城HTML5手机APP开发入门

 

重构代码

新建一个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 完成


Powered by 山西博鳌软件开发有限公司 地址:运城郡都大厦 电话18035935052 ©2013-2016