专栏首页c#开发者HTML5手机APP开发入(3)

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),实现模块化开发

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 快速上手JHipster (Java Hipster)创建应用

    JHipster简单来看是一个代码生成器,能够快速创建基于Spring Boot + AngularJS的应用程序。所以这就要求对Spring、Spring B...

    Bobby
  • Hotjar在架构演进中总结的8条经验

    Hotjar 提供了帮网站主了解用户行为的服务,网站接上此服务后,可以生成用户的点击热区,录制用户的行为,查看各个页面的跳出路径以及停留时间等,根据这些统计数据...

    dys
  • angularjs 服务详解

    一、服务 服务提供了一种能在应用的整改生命周期内保持数据的方法,它能够在控制器之间进行通信,并保持数据的一致性。 1.服务是一个单例对象,在每个应用中只会被实例...

    柴小智
  • angularjs 表单验证

    一、常用的表单验证指令  1. 必填项验证 某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: <input type="te...

    柴小智
  • angularjs 指令详解

    一、指令定义 对于指令,可以把它简单的理解成在特定DOM元素上运行的函数,指令可以扩展这个元素的功能。 首先来看个完整的参数示例再来详细的介绍各个参数的作用及用...

    柴小智
  • angularjs 控制器、作用域、广播详解

    一、控制器 首先列出几种我们平常使用控制器时的几种误区: ? 我们知道angualrJs中一个控制器时可以对应不同的视图模板的,但这种实现方式存在的问题是: 如...

    柴小智
  • angularjs promise详解

    一、什么是Promise Promise是对象,代表了一个函数最终可能的返回值或抛出的异常,就是用来异步处理值的。 Promise是一个构造函数,自己身上有al...

    柴小智
  • angularjs filter详解

    过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。 主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的...

    柴小智
  • angularjs MVC、模块化、依赖注入详解

    一、MVC ? <!doctype html> <html ng-app> <head> <meta charset="utf-8"> ...

    柴小智
  • JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

    选择最适合项目需求的JavaScript框架,可以提高你发布有竞争力的web app的能力。 最后,你对基于JavaScript的app或网站找到了一条奇妙的思...

    前朝楚水

扫码关注云+社区

领取腾讯云代金券