Angular--用工厂方法或值对象来定义提供器

最新推荐文章于 2021-01-12 21:50:45 发布

罗俊-Everns

最新推荐文章于 2021-01-12 21:50:45 发布

阅读量672

点赞数 1

CC 4.0 BY-SA版权

分类专栏： B/S----------------------- Angular AngularJS 文章标签： Angular

本文链接：https://blog.youkuaiyun.com/Luojun13Class/article/details/81903440

这篇博客介绍了如何在Angular中使用工厂方法来定义提供器。通过修改`providers`配置，展示了如何创建动态的ProductService实例，确保每次请求都能得到不同的商品效果。文章详细阐述了Angular依赖注入的过程，解释了如何通过工厂函数实例化服务，并处理服务之间的依赖关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

上一篇博客介绍了注入器和提供器，同时也简单的讲解了一下控制反转，这篇博客是使用了工厂方法来定义提供器，所以可以过来了解一下。

内容

这个例子是在提供器方法的例子上建立的：
1.首先删除product2.component.ts中的代码：

providers:[{
provide:ProductService,useClass:AnotherProductService
}]

最终效果：

import{Component,OnInit}from'@angular/core';
import{Product,ProductService}from'../shared/product.service';
import{AnotherProductService}from'../shared/another-product.service';
@Component({
   
   
      selector:'app-product2',
      templateUrl:'./product2.component.html',
      styleUrls:['./product2.component.css']
})
exportclassProduct2ComponentimplementsOnInit{
    product:Product;
    constructor(privateproductService:ProductService){}
    ngOnInit(){
          this.product=this.productService.getProduct();
     }
}

2.在app下的module中修改providers中的内容：

providers:[{
    provide:ProductService,
    useFactory:()=>{
        constlogger=newLoggerService();
        co

最低0.47元/天解锁文章

200万优质内容无限畅学