Why didn't the provider work?

Question

Angular

Token:

export const SETTINGS = new InjectionToken<Settings>('SETTINGS');

Module - where the token resolves:

providers: [
        ExecutionFiltersRepository,
        ExecutionSortingsRepository,
         {
            provide: SETTINGS,
            useFactory: executionSettingsFactory,
            deps: [ExecutionFiltersRepository, ExecutionSortingsRepository, HttpClient],
        },
]

Factory:

const executionSettingsFactory = (
    filtersRepository: ExecutionFiltersRepository,
    sortingRepository: ExecutionSortingsRepository,
    http: HttpClient,
) => {
    return () => {
        alert(1);
        return new ExecutionSettings(filtersRepository, sortingRepository, http);
    };
};

The ExecutionSettings class itself:

@Injectable()
export class ExecutionSettings {
    constructor(
        private filtersRepository: ExecutionFiltersRepository,
        private sortingRepository: ExecutionSortingsRepository,
        private http: HttpClient,
    ) {    alert(2);}
}

Why is alert(1); not called? and alert(2);

Answer 1

Your factory `executionSettingsFactory` returns a closure, most likely it was meant:

const executionSettingsFactory = (
    filtersRepository: ExecutionFiltersRepository,
    sortingRepository: ExecutionSortingsRepository,
    http: HttpClient,
) => {
    alert(1);
    return new ExecutionSettings(filtersRepository, sortingRepository, http);
};

Answer 2

there in the console is not written a thread like "arrow functions are not supported"?