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?