Import as a standalone component

[wmehanna]

i was wondering how to use this library in a project that only uses standalone components.

I tried adding in the providers array the following:
export const appConfig: ApplicationConfig = { providers: [ importProvidersFrom( UiSwitchModule.forRoot({ size: 'small', color: '#e91345', switchColor: '#FFF', switchOffColor: '#FFF', defaultBgColor: '#e91345' }), ),... ]

and then adding UiSwitchModule in the @component as follow:
@Component({ standalone: true, imports: [ CommonModule, UiSwitchModule ],....

i'm getting the following error:

_Error: apps/mobile/src/app/login-page/login.page.ts:12:3 - error NG2012: Component imports must be standalone components, directives, pipes, or must be NgModules.

12   UiSwitchModule
     ~~~~~~~~~~~~~~_

[cmckni3]

i was wondering how to use this library in a project that only uses standalone components.

I tried adding in the providers array the following: export const appConfig: ApplicationConfig = { providers: [ importProvidersFrom( UiSwitchModule.forRoot({ size: 'small', color: '#e91345', switchColor: '#FFF', switchOffColor: '#FFF', defaultBgColor: '#e91345' }), ),... ]

and then adding UiSwitchModule in the @component as follow: @Component({ standalone: true, imports: [ CommonModule, UiSwitchModule ],....

i'm getting the following error:

_Error: apps/mobile/src/app/login-page/login.page.ts:12:3 - error NG2012: Component imports must be standalone components, directives, pipes, or must be NgModules.

12   UiSwitchModule
     ~~~~~~~~~~~~~~_

@wmehanna What version of Angular?

[cmckni3]

I think this is related to Angular 19