4.1依赖注入

依赖注入

依赖注入模式要解决的问题

@NgModule({
    prividers:[ProductService]
    prividers:[{provide:ProductService,useClass:ProductService}]
    prividers:[{provide:ProductService,useClass:AnotherProductService}]
})


@Component({

})

提供器入门

每个Component都会有一个注入器 提供器 providers:[ProductService] useFactory

@Injectable() 代表可以把其他东西注入到本构造函数中

注入器的层级关系

使用工厂和值声明提供器

工厂方式是单例化的

useFactory:()=>{
    let logger=new LoggerService();
    let=Math.random>0.5;
    if(dev){
        return new ProductService(logger);
    }else{
        return new AnotherProductService(logger);
    }
}
deps:[LoggerService]




{
    provide:"IS_DEV_ENV",useVulue:false
}

注入器

注入器的层级关系

Last updated

Was this helpful?