Как внедрить службу в класс, который должен быть создан в модуле приложения в angular 7?

Я использую ngxs в проекте и хочу использовать подключаемый модуль регистратора ngxs, но я хочу переопределить сам регистратор, чтобы я мог войти в бэкэнд. Для этого мне нужно внедрить свой RestService в мой класс регистратора, но я не могу этого сделать. Я видел несколько вопросов, в которых спрашивали, как внедрить службы в простые классы, но эти случаи на самом деле не отвечают на случай, когда вам нужно вручную создать экземпляр класса в модуле приложения. Это, это и this - это такие ответы, которые не помогли мне или я не уловил их знания.

Вот что у меня есть в импорте моего модуля приложения:

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 для хранения журналов действий вместо создания пользовательских журналов в компонентах, но для этого мне нужно, чтобы регистратор мог использовать мою службу отдыха.


angular angular7 ngxs angular-dependency-injection
person António Quadrado    schedule 22.11.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

You could try using a provider factory: 

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< /а>

person eranshmil    schedule 22.11.2018
comment
Что бы я добавил в плагин регистратора в качестве регистратора NgxsLoggerPluginModule.forRoot({ collapsed: false, logger: new Logger() })? - person António Quadrado; 22.11.2018
comment
{... logger: Logger ...} должен выполнить эту работу. - person eranshmil; 22.11.2018
comment
Мне очень жаль говорить, но это не работает. Он ожидает экземпляр класса Logger, если я передам класс напрямую, даже с вашим кодом, в провайдерах он говорит, что logger.log не является функцией. - person António Quadrado; 22.11.2018
comment
Это действительно работает! Спасибо за ваш ответ, это было очень полезно! - person António Quadrado; 22.11.2018