HTML5手机APP开发入

Posted 2020-06-30 学习园地

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），实现模块化开发