2

我在一个项目中使用 ngxs，我想使用 ngxs 记录器插件，但我想覆盖记录器本身，以便能够登录到后端。为此，我需要在我的记录器类中注入我的 RestService，但我无法这样做。我看到了多个问题，询问如何将服务注入普通类，但这些情况并不能真正回答您必须在应用程序模块中手动实例化类的情况。这个、这个和这个都是这样的答案，这些答案对我没有帮助，或者我没有掌握他们的知识。

这是我的应用程序模块导入中的内容：

export const APP_MODULE_IMPORTS = [
  NgxsModule.forRoot([
    NewsState,
    NewsAdminState,
  ]),
  NgxsReduxDevtoolsPluginModule.forRoot(),
  NgxsLoggerPluginModule.forRoot({
    collapsed: false,
    logger: new Logger(/* Need somehow to have an instance of the RestService HERE without having to pass all other dependencies */)
  }),
  BrowserModule,
  HttpClientModule,
  FormsModule,
  ReactiveFormsModule,
  routing
];

这是我的记录器类：

import { RestService } from 'my-angular-modules';

@Injectable()
export class Logger {

  constructor(private restService: RestService) {
  }

  public log(title, color, payload): void {
    console.log(title, 'title');
    console.log(color, 'color');
    console.log(payload, 'payload');
  }

  public groupCollapsed(message): void {
    console.groupCollapsed(message);
  }

  public group(message): void {
    console.group(message);
  }

  public groupEnd(): void {
    console.groupEnd();
  }
}

我不能直接传递休息服务的实例，因为我必须传递一连串的依赖关系。我也尝试使用注入令牌并添加{ provide: LOGGER_INJECTION_TOKEN, useClass: RestService }到提供程序，但我达到了同样的目的。我不知道如何Logger在不必传递这些我没有的参数的情况下实例化该类。

这甚至可能吗？如果没有，我该怎么做？我希望能够使用 ngxs 记录器来存储操作日志，而不是在组件中创建自定义日志记录，但为此我需要记录器能够使用我的休息服务。

4

1 回答 1

3

您可以尝试使用提供者工厂： 

export function createLoggerPluginOptions(httpClient: HttpClient) {
  return {
    logger: new Logger(httpClient)
  }
}


// and provide in the module:
{
  provide: NGXS_LOGGER_PLUGIN_OPTIONS,
  useFactory: (createLoggerPluginOptions),
  deps: [HttpClient]
}

这是一个工作示例： https ://stackblitz.com/edit/ngxs-custom-logger

于 2018-11-22T13:43:40.067 回答