首页 > 其他 > 详细

Angular 依赖注入

时间:2017-07-27 17:52:26      阅读:220      评论:0      收藏:0      [点我收藏+]

一、依赖注入

1. 创建工程

ng new myangular

2. 创建组件

ng g componet product1

3. 创建服务

ng g service shared/product

如下图

技术分享

 

4.服务的代码  product.service.ts

技术分享

定义了一个Product类,并且在ProductService定义getProduct方法

6. product1.component.ts 中定义如下

技术分享

 

7. 提供器声明  app.moudule.ts 

技术分享

 

 8. 运行npm run start

结果如下

技术分享

 

二、服务中使用其他服务

 1. 创建logger服务

ng g service shared/logger

2. logger.service.ts logger服务中增加打印方法

技术分享

3. 在Product中调用Logger服务

技术分享

4. 在app.module.ts中添加提供器

技术分享

5. 最终效果

技术分享

 

Angular 依赖注入

原文:http://www.cnblogs.com/linlf03/p/7246039.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!