Angular 4依赖注入学习教程之FactoryProvider配置依赖对象（五）

学习目录

本文主要给大家介绍了关于Angular 4依赖注入之FactoryProvider配置依赖对象的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：

本系列教程的开发环境及开发语言：

基础知识

Console 对象

Console 对象可以在任何全局对象中访问，如 Window，WorkerGlobalScope 以及通过属性工作台提供的特殊定义。在浏览器中我们可以通过 Window.console 访问 console 对象，使用示例如下：

console.log('My nickname is semlinker');

FactoryProvider 的作用

FactoryProvider 用于告诉 Injector (注入器)，通过调用 useFactory 对应的函数，返回 Token 对应的依赖对象。

FactoryProvider 接口

export interface FactoryProvider { // 用于设置与依赖对象关联的Token值，Token值可能是Type、InjectionToken、 // OpaqueToken的实例或字符串 provide: any; // 设置用于创建对象的工厂函数 useFactory: Function; // 依赖对象列表 deps?: any[]; // 用于标识是否multiple providers，若是multiple类型，则返回与Token关联的依赖 // 对象列表 multi?: boolean;}

在 FactoryProvider的使用 这篇文章中，我们已经介绍了 FactoryProvider 的一些相关知识。接下来我们将介绍如何使用 FactoryProvider 配置依赖对象。

FactoryProvider

俗话说得好，温故而知新。我们先来回顾一下上一节创建的 LoggerService 服务：

export class LoggerService { constructor(private enable: boolean) { } log(message: string) { if(this.enable) {  console.log(`LoggerService: ${message}`); } }}

LoggerService 的正确配置方式如下：

@NgModule({ ..., providers: [ HeroService, { provide: LoggerService,  useFactory: () => { return new LoggerService(true); } } ], bootstrap: [AppComponent]})export class AppModule { }

在继续介绍前，我们先来了解一下 Angular 的一大特色：

跨平台开发

学习如何基于 Angular 构建应用程序，并复用代码和技能来构建适用于所有平台的应用。比如：Web应用、移动Web应用、原生移动应用和原生桌面应用等。

没错，Angular 框架的一大特色就是跨平台开发。回到正题，不知道读者有没有察觉到，在 LoggerService 类中的 log() 方法内，我们是直接使用 console.log() 方法输出调试信息。虽然在大多数情况下，我们的应用都是运行在浏览器环境下，但 console.log() 存在兼容性问题 (了解详细信息 - Can I Use)。除此之外，假如日后我们的应用需要运行在其它平台下，就会出现问题。