AdminLTE 3 Integration with Angular 10 tutorial with Practical Example
HTML-код
- Опубликовано: 28 окт 2020
- how to Install adminLTE 3 with Angular 10 application with practical example.
Installing Angular 10 CLI at first in order to create new angular 10 application.
Admin LTE3 Integration with angular 10 with a practical example, how to integrate #adminlte with #Angular10 Lte with #angularcli commands, the tutorial will explain this.
GitHub URL
github.com/cpvariyani/adminlt...
Admin-Lte-3-with-Angular-10-Ready-to-Use-Template-with-Login-Functionality-
Subscribe Coding Locker
/ @codinglocker6744
--------------------------------------------------------------------------------------------------------
Subscribe codingLocker for solution with practical example
Why coding Locker ?
1. Everything with practical example.
2. Session overview with real time problems.
Thx mate. Very useful
Very useful and easy to implement. Thank you.
you are most welcome.
@@codinglocker6744 I would really appreciate it if you do one more tutorial on modification and kind of full project.
@@kidusyared6410 Sure. Points added. Thanks for the feedback.
This was a very good tutorial
it woork very well. Thanks sir
Glad to hear that
Very good tutorial sir
Thank you for this video
My pleasure
great!, thanks.
You're welcome!
Thank you 👍🙏
Welcome.
bro,thanks for video
You are welcome, Yialee.
The build command requires to be run in an Angular project, but a project definition could not be found.
thank you
Bro, thanks for the video. Is this the official way to implement this or is this your workaround? Seems kinda hacky and I can't find official documentation for this. Can you help me by sharing it here?
Thanks, yes that is the way how we practically do this AdminLte with angular.
yes adding things as components breaks everything. add a tree view, all goes sideways for me.
Thanks
successfully installed like your video but design broken due to css..any solution?
Can it be applied to version 12 of the angular?
j'ai suivre votre védio étape par étape mais lors de l'exécution j'ai un erreur "An unhandled exception occurred: Script file node_modules / admin-lte / plugins / jquery / jquery.js does not exist." please help me
faut installer la dépendance dans script
Hi. I have a problem with demo.js:
Line 526: $('.main-header')[0].classList.forEach(function (className) {
The error is: node_modules\admin-lte\dist\js\demo.js:526 Uncaught TypeError: Cannot read properties of undefined (reading 'classList')
Do you have a similar problem????
yes i got same problem how do you solved?
I spend many hours for troubleshooting about sidebar issue after redirecting from login to homepage but there was no practical solution, so, for the moment I choose the simpliest solution: refresh page when redirecting to login from homepage like:
this.router.navigate(['path/to'])
.then(() => {
window.location.reload();
});
Facing same issue...spent 2 weeeks on this and not found any solution on this. This Works Man. Thank You so much. You save me.
@@amarpatil7416 I'l happy to have helped you even a little
thank u
You're welcome 😊
Bro, the charts are not working! look your video again, i noticed you have the same problem
view page source option is not available after right clicking the theme page
Hello sir .... i tried but the dashboard didn't get created...??
This way can use our office work any hockey will be there till me
Bro,it's not working to datetimepicker...
An unhandled exception occurred: Script file plugins/jquery/jquery.min.js does not exist.
what i do?
ng build getting error, it's not working. it's telling that you cannot run this script on the current system. please help me.
make sure you have all dependencies explained at initial part, such as installation of angular cli etc.
npm audit fix --force
Then try ng build
Hello friend, thank you for this wonderful video. I could follow all the steps and did it. ng build as well as ng serve was successful. But I get page is not responding 'wait', 'Exit page' options. I tried it multiple times. Could you please help me out. Thank you.
It is successful install but in header section have get more space
Bro, everything works fine but charts are not working fine as in adminlte. Please look into this and provide solution here.
It should, we just need to make sure css and js we have rendered in same order where it is in adminlte dashboard, you can verify those and you can try with refreshing the page after this.
@@codinglocker6744 bro kindly integrate charts so that it'll more and more help to us, thanks bro
how to implement login and registration page ??
how to insert data tables please tell me !!!
You include jquery in an angular app. Well congrats you don't even know what you did wrong.
How can I communicate with you?
Where is the graph and location dude
I dont know why... but if you put all the code at index.html (like at the source code of the page)... and obviously change the src of the images. It works. But if you use the component to generate all the page i have this error... And i dont know what to do...
Uncaught TypeError: Cannot read properties of undefined (reading 'classList')
at node_modules\admin-lte\dist\js\demo.js:526
at node_modules\admin-lte\dist\js\demo.js:686
Adding:
$( document ).ready(function() {
//Code where classList exist in admin-lte/dist/js/demo.js
})
It worked!
Hi @@gonzalofontestad3581 , which part do you put this code????