Angular: registering providers from library using standalone approach

Question

I have bootstrapped an Angular v18 workspace with an application and a library. I've created a service in the library and wanted to use that in the application. Everything organized with the standalone approach, without NgModules.

Previously I've registered the providers in the library's NgModule and was importing it in the application with the module's forRoot(...) method. How can I achieve the same without NgModules (using the standalone approach)?

Naren Murali · Accepted Answer · 2024-09-17 13:46:43Z

0

You have to use importProvidersFrom to add them to the providers array of bootstrapApplication.

import { bootstrapApplication } from '@angular/platform-browser';
...

...
bootstrapApplication(App, {
  providers: [
    importProvidersFrom([
       ...
       YourModule.forRoot(),
       ...
    ]),
  ]
});

answered Sep 17, 2024 at 13:46

Naren Murali

66.2k6 gold badges51 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Miklós Szabó Over a year ago

Yeah, but this assumes that providers in the library are organized to a NgModule and use them by calling the .forRoot() method. Is the same result reachable without NgModule?

Naren Murali Over a year ago

@MiklósSzabó do you mean it's standalone? which library, could you give a reference. You could try adding the services directly to the providers array, of either bootstrapApplication or AppComponent

Collectives™ on Stack Overflow

Angular: registering providers from library using standalone approach

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related