Comments (11)
It occurs when you try to import Timepicker module to SharedModule ? What does it mean you try to "share" it ?
from ngx-material-timepicker.
It mean that I just want to put this module to SharedModule and use Timepicker in different module than app.module.ts
from ngx-material-timepicker.
Can you download you app to github and show me? Or just show me the way you use it please
from ngx-material-timepicker.
Unfortunately I can't upload app code anywhere, so I will try to explain it.
Important app dir structure:
-src
-app
app.module.ts (root app module)
-shared
shared.module.ts (external libraries modules)
shared.module.ts has array named EXTERNAL_LIBRARIES_MODULES which includes modules of external libraries and this array is passed to shared.module.ts @NgModule imports array.
and this shared.module.ts is imported in app.module.ts
If it is't clear and understandable enough let me know.
from ngx-material-timepicker.
Yes, it's clear enough. Which version of angular do you use?
from ngx-material-timepicker.
@angular/core 5.2.4 and @angular-cli 1.6.8
from ngx-material-timepicker.
Ok, i'll try to reproduce it by my own
from ngx-material-timepicker.
I found out the problem. That's because you try to export NgxMaterialTimepickerModule.forRoot()
forRoot() function returns ModuleWithProviders, but you need to export NgModule. So add NgxMaterialTimepickerModule.forRoot() to imports and NgxMaterialTimepickerModule to exports in SharedModule and it should work.
from ngx-material-timepicker.
I did like you said but now this error has occured:
BUT, I forgot to mention (I think) very important fact: Modules are lazy loaded.
I also forgot to mention about one module in app tree
-src
-- app
app.module.ts
-- shared
shared.module.ts
-- user-management
user-management.module.ts
and in user.management.module.ts i've got these imports
Ultimately, I want to use timepicker in user-management.module.ts
Sorry for mistakes. Hope you will have some time to help me again 🙂
from ngx-material-timepicker.
I guess I found the problem. I updated library to 1.1.2 update it and tell me
from ngx-material-timepicker.
It works! Thank you so much for help! 😃
from ngx-material-timepicker.
Related Issues (20)
- Angular v14 - setLocale() missing HOT 1
- Table stylesheet broken after displaying calendar
- Disable specific hoursValues
- Issue with 24 hr format HOT 6
- NgxMaterialTimepickerModule is not compatible with Angular Ivy HOT 7
- editable dial is not updating when user click on hour and minutes while enableKeyboardInput is true HOT 7
- Ngx-material-timepicker validation [min] not working for hours
- Remove console log from build file(version 13.0.3) HOT 1
- Is this compatiable with Angular 15 and above? HOT 1
- style not loaded initially, but when click on regular material date picker after that style works fine for ngx-datetime picker HOT 1
- How to reuse styles in Custom Template?
- empty or 00:00
- How to show HH:MM:XM instead of H:MM:XM
- Focus move to minutes when updating hours in the editable dial using the arrow keys HOT 1
- Upgrading Luxon to v3
- I can not get selected value using timeSet event. HOT 1
- Application failing to load with console errors related to NgxMaterialTimepickerService
- HH:MM not displaying while timepicker is shown inside mat-dialog-content
- When timepicker is disabled the icon should be disabled too.
- No event triggered when hours and mins field are made empty i.e HH and MM
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-material-timepicker.