How would you create a custom web element using a standalone component and a main.ts that just has bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)); Note that appConfig is where all providers are added.
The best one i found so far. I still have some questions though. 1. Angular 17 now defaults new project into using standalone components, meaning there are no modules present by default. I am planning to convert my current widget app into standalone approach in the future. It would be nice it you can create another video tackling this topic. 2. Another is, how can I test this locally? Is it possible to test it via "ng serve"? Remember we emptied the bootstrap array thats why (maybe) running ng serve does nothing and cannot detect our widget component. The way i can test this currently is by copying the generated files into the public/plain-html folder and running it
Cool tutorial and it works... until I want to run it in an HTML. It doesn't generate the runtime.js and I get loads of errors when I try to run the index.html. Anyone got a solution for that?
Hi, I have one issue and below is a usecase. In child application, when clicked on an icon, I am invoking a component based on a route and using the router parameter in the invoked component . After creating custom element for this and using in parent app, and on click of the button, its redirecting to the new route, but child app is not able to fetch the router parameter. Any solution to this.
He said "kabob" syntax, which can also be referred to as kabob casing, which is a casing method where a dash is used for variable names longer than 1 word, for example: hello-world or user-name
Clear and concise, thank you for this!!!
How would you create a custom web element using a standalone component and a main.ts that just has bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err)); Note that appConfig is where all providers are added.
Great tutorial! Very well made. Worked a treat. Exactly what I needed.
The best one i found so far. I still have some questions though.
1. Angular 17 now defaults new project into using standalone components, meaning there are no modules present by default. I am planning to convert my current widget app into standalone approach in the future. It would be nice it you can create another video tackling this topic.
2. Another is, how can I test this locally? Is it possible to test it via "ng serve"? Remember we emptied the bootstrap array thats why (maybe) running ng serve does nothing and cannot detect our widget component. The way i can test this currently is by copying the generated files into the public/plain-html folder and running it
Is it possible to use Angular library in plain HTML file?
Cool tutorial and it works... until I want to run it in an HTML. It doesn't generate the runtime.js and I get loads of errors when I try to run the index.html. Anyone got a solution for that?
Hi, I have one issue and below is a usecase.
In child application, when clicked on an icon, I am invoking a component based on a route and using the router parameter in the invoked component . After creating custom element for this and using in parent app, and on click of the button, its redirecting to the new route, but child app is not able to fetch the router parameter. Any solution to this.
gracias genio. no sabia como agregar Atributos.
can you teach the example with Angular 17, because dont exists app.module
Hi, if i can use this custom elements to use in different website only with script difined to point to the url of this element ?
Thank you nice tutorial.. 13:10 u mentioned something like caput syntax.. what is that ?
He said "kabob" syntax, which can also be referred to as kabob casing, which is a casing method where a dash is used for variable names longer than 1 word, for example: hello-world or user-name
Sadly dont work in Angular 17, like all the others Tutorials ive found.... :-/
add `import 'zone.js';` to your main.ts