运城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 完成