我在项目中使用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();
}
}
我不能直接传递rest服务的实例,因为我必须传递一系列依赖关系。我还尝试使用注入令牌并将{ provide: LOGGER_INJECTION_TOKEN, useClass: RestService }
添加到提供者中,但我也达到了同样的目的。我不知道如何在不传递这些我没有的参数的情况下实例化Logger
类。
这可能吗?如果没有,我该怎么做?我希望能够使用ngxs记录器来存储操作的日志,而不是在组件中创建自定义日志,但为此,我需要记录器能够使用我的rest服务。
您可以尝试使用提供者工厂:
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