Awesome, thanks for sharing! I'm noticing that my elements.js.gz file is 48k. The unzipped version is 128k. That seems like a lot for a simple button. Is there a way to strip this down to its core essentials?
hi. can we export more than 1 element ? maybe i have 2 component that i want use it as web custom element ? and can it be reactive between 2 of them ? thanks 😁
Hello, thanks for this video. You has showed how to send params to web component (widget), but now how to get output data and how to respond to events of the web component from the external dom? I have an mvc app, and I need to "consume" a web component (angular app). In the mvc app I have a modal, and the widget will be into this modal, when the user make some action (click button) in the angular app, the app should return a data (I imagine vía widget property or some that) and that would be used by the mvc app, but at the same time the angular app would communicate the click event to the mvc app, so the mvc app detect widget click event and it would do something (close the modal). Sorry for my english, I'am from México, I used google translate. Regards!
When I run the server and go to localhost:8080, I see an error "The module Vi was bootstrapped, but it does not declare "@NgModule.bootstrap" components nor a "ngDoBootstrap" method". I double checked the spelling of the method in the AppModule class and it looks fine. The error does point to elements.js.gz, but the spelling, etc, looks fine there too. Do you know why I could be getting this error?
Thanks for tutorial, very nice and informative. Anyway, I am facing an issue on windows 10. "cat" is not recognized. Could anyone please help me with this ? I tried using powershell, but no success
hi Aterr, there is not cat command on windows afraid. This should help you out though: stackoverflow.com/questions/60244/is-there-replacement-for-cat-on-windows Cheres Mark
Hi eXtro, I can't recall where I use this afraid, could be the unix type command to view the contents of a file I reckon, comes with Windows cmd these days I think, I didn't install it explicitly for sure. Cheers Mark
@@Ashotofcode I have already understood that was unix :). Thank you fir your answer very much. I've used *tyoe* it works for ne fine. I've never used web elemenrs. Right now I have to implement some number of "web parts" with different UI and calls to the Rest Services. I find web elemenrs for this tast very good. I have one more question: Is it possible to create collection of web elemenrs in the same project? (Sorry for typing, my German T9 makes me surprised without end)
Thanks for sharing this info. I am facing an error while testing this via index.html file as mentioned , the error is "Uncaught Error: In this configuration Angular requires Zone.js" , I am using angular 8.
I know Im asking the wrong place but does anybody know of a way to get back into an Instagram account? I was stupid forgot my login password. I would love any help you can offer me!
@Larry Brady Thanks for your reply. I got to the site through google and Im waiting for the hacking stuff now. Takes a while so I will get back to you later with my results.
the other files are there. And when I remove the scripts from the package command, I get this error after running npm run serve: The command "http-server" could not be found
Very nice..... 🎉
very well explained ..
Cool thanks
Thanks for sharing this Video... :)
This video should have million views,, so great
waiting for your next video for the same web component next level.
excellent
Thanks Alex! :-)
Great great great tutorial, love you so much
Hi Joyi, Thanks! glad it was useful. Cheers Mark
Great video... Thanks :)
works beautifully !
Thanks!
That totally rocked!!
Awesome, thanks for sharing!
I'm noticing that my elements.js.gz file is 48k. The unzipped version is 128k. That seems like a lot for a simple button. Is there a way to strip this down to its core essentials?
When I run the 'npm run build' command, it doesn't generate the 'scripts.js' file for me. please help.
Idem
same happens to me
hi. can we export more than 1 element ?
maybe i have 2 component that i want use it as web custom element ? and can it be reactive between 2 of them ?
thanks 😁
Hello, thanks for this video. You has showed how to send params to web component (widget), but now how to get output data and how to respond to events of the web component from the external dom? I have an mvc app, and I need to "consume" a web component (angular app). In the mvc app I have a modal, and the widget will be into this modal, when the user make some action (click button) in the angular app, the app should return a data (I imagine vía widget property or some that) and that would be used by the mvc app, but at the same time the angular app would communicate the click event to the mvc app, so the mvc app detect widget click event and it would do something (close the modal). Sorry for my english, I'am from México, I used google translate. Regards!
Hoping to do more on events in a future video Antonio - hopefully will be useful - Cheers Mark
when executing npm run package it is showing as 'cat is not recognized as internal or external command'. can you please help me?
How to read a custom event/dispatch Event in an angular web component
When I run the server and go to localhost:8080, I see an error "The module Vi was bootstrapped, but it does not declare "@NgModule.bootstrap" components nor a "ngDoBootstrap" method". I double checked the spelling of the method in the AppModule class and it looks fine. The error does point to elements.js.gz, but the spelling, etc, looks fine there too. Do you know why I could be getting this error?
Hi Joe, that's a tough one sorry, I'd not be able to tell without digging into it some afraid.
Can we use this web component in Angular JS application
hmm this is a good question, and I'm not sure sorry..
if the webcomponent created is to be used in another angular application how would one go about it??
Muito bom, muito obrigado!!
Thanks Breno :-)
Thanks for tutorial, very nice and informative.
Anyway, I am facing an issue on windows 10. "cat" is not recognized. Could anyone please help me with this ? I tried using powershell, but no success
hi Aterr, there is not cat command on windows afraid. This should help you out though:
stackoverflow.com/questions/60244/is-there-replacement-for-cat-on-windows
Cheres
Mark
Hi, What is it *cat*? Should install something? Or create some ...js for it?
Hi eXtro, I can't recall where I use this afraid, could be the unix type command to view the contents of a file I reckon, comes with Windows cmd these days I think, I didn't install it explicitly for sure. Cheers Mark
@@Ashotofcode I have already understood that was unix :). Thank you fir your answer very much. I've used *tyoe* it works for ne fine. I've never used web elemenrs. Right now I have to implement some number of "web parts" with different UI and calls to the Rest Services. I find web elemenrs for this tast very good. I have one more question: Is it possible to create collection of web elemenrs in the same project? (Sorry for typing, my German T9 makes me surprised without end)
Thanks for sharing this info.
I am facing an error while testing this via index.html file as mentioned , the error is "Uncaught Error: In this configuration Angular requires Zone.js" , I am using angular 8.
Hi - sounds like your missing an import for sure. Maybe try a google on zone.js and see which package you'll need to add. Let me know if any joy
Gj informative as always but one question can i create multiple custom elements in one project in Angular and Vue or not ?
I know Im asking the wrong place but does anybody know of a way to get back into an Instagram account?
I was stupid forgot my login password. I would love any help you can offer me!
@Hector Dillon Instablaster ;)
@Larry Brady Thanks for your reply. I got to the site through google and Im waiting for the hacking stuff now.
Takes a while so I will get back to you later with my results.
@Larry Brady It did the trick and I actually got access to my account again. I am so happy!
Thank you so much you saved my account !
@Hector Dillon glad I could help :)
I don't get a scripts.js file after running npm run build...
the other files are there. And when I remove the scripts from the package command, I get this error after running npm run serve: The command "http-server" could not be found
So long ago I can't recall afraid Georg, cheers mark
Thank you for your video. Excellent explanation. May Allah (GOD) guide and bless you.
I dont have the view encapsulation native
use -v ShadowDom instead