webcat12345 / ngx-ui-switch

Angular UI Switch component
https://webcat12345.github.io/ngx-ui-switch/demo/
MIT License
111 stars 68 forks source link

Import as a standalone component #502

Open wmehanna opened 4 months ago

wmehanna commented 4 months ago

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 commented 1 week ago

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?