Skip to main content
309 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
2 votes
1 answer
64 views

I’m trying to pass an object as an input to an Angular custom element created with @angular/elements, not via HTML attributes (since setAttribute only supports strings). Here’s a minimal example: ...
Jon's user avatar
  • 464
2 votes
1 answer
52 views

I’m experimenting with Angular Elements and trying to update an input property programmatically, not by writing it in HTML like <app-foo name="...">. Here’s a minimal example: import { ...
Jon's user avatar
  • 464
3 votes
1 answer
207 views

when I try to build the module with the flag --optimization equal to false, then everything works just fine. The compilation finishes without any issues and I can use my web-component as well. Once I ...
Raman Aliaksanau's user avatar
  • 33
1 vote
1 answer
61 views

I have many Angular components; They all have a method with @HostListener And I converted them into web components on @angular/elements and embedded them in some legacy JSP/JSF pages. This approach ...
Justin Wu's user avatar
  • 11
0 votes
0 answers
56 views

Details: I have two completely separate Angular applications. One is like parent one and other one is child. Child should be exported as js module, loaded by parent app and embedded into some ...
Dalantren's user avatar
  • 11
1 vote
1 answer
357 views

I created a demo app using the @angular/elements package (v19) to build an mfe-1 app as a web component, which is then displayed inside another app called shell. Both apps are set up with the Angular ...
billyjov's user avatar
  • 2,990
0 votes
0 answers
147 views

Recently I upgraded my project with NX to Angular 19 and encountered an issue with custom elements. I have 2 apps in my NX monorepo: App with custom element (Widget); Playground where the widget is ...
IamCracker's user avatar
  • 23
2 votes
1 answer
44 views

I have created a webcomponent using angularElements createElement. I am using this webcomponent in different angular application. Whenever user moves to the view which has webcomponent an instance of ...
Amit's user avatar
  • 1,491
0 votes
1 answer
177 views

I have an angular webcomponent that I build with the help of @angular/elements. The webcomponent has been working in my website for months, so most of the code, deployment and loading is ok. The ...
andymel's user avatar
  • 6,048
5 votes
4 answers
6k views

I have a web component created with Angular 19 prerelease version. It has a liked signal input, which can be set from a parent but can't be modified from within because signal inputs are read only. To ...
Yulia Galiulina's user avatar
  • 189
1 vote
1 answer
203 views

I am trying to do an Angular upgrade slowly, last resort, by having Angular 18 "angular elements" (web components) using those Angular 18 web components inside an AngularJS (1.8.3) site. ...
sparanza's user avatar
  • 21
1 vote
2 answers
1k views

I am trying to build a simple library in Angular (version 18) that can be used in my application and Angular Elements component. The idea is simple in both the application and element: Get the same ...
Banana828's user avatar
  • 89
5 votes
1 answer
707 views

I have the following question about taking direction to build a web application separated into a micro-front-end app. For this purpose, I'm using Angular Elements. I'm reading the official ...
Vladyn's user avatar
  • 583
0 votes
1 answer
59 views

If we create a webcomponent in Angular, how to consume Input that takes TemplateRef? For example the following component ist converted to a web component @component({ selector:"app-lorem", .....
user8462556's user avatar
  • 546
0 votes
1 answer
670 views

What are the Changes form Angular 17 to 18 for Web Components (Standalone Elements)? I've tried some Angular 17 related Guides / couldn't find any (usefull) information about the changes for 18 so far....
Marco's user avatar
  • 511
1 vote
1 answer
65 views

I'm using Angular Elements within a WordPress site to show the same component with different attributes on the same page. While the components render correctly when placed on different pages, they ...
Baris Kayhan's user avatar
  • 11
3 votes
0 answers
416 views

I have created an Angular Elements web component to be used as a micro-frontend in an existing Vue application. The project requires the custom web component be in Angular and the main application be ...
joed4no's user avatar
  • 1,363
1 vote
1 answer
1k views

After updating Angular to version 17 with esbuild, a hash is added to the chunk name. The problem is that if you want to use lazy loading for Angular-elements, then in development mode a hash will be ...
Sergey Glazirin's user avatar
  • 123
2 votes
0 answers
131 views

I have an ASP.Net Webforms app running .Net 4.5. I've built an Angular v.17 app with Angular Elements and an Angular Materials Table following this tutorial as a model of the Angular Elements portion: ...
ben.kansas's user avatar
  • 111
0 votes
0 answers
286 views

`I have 2 angular applications running on localhost:4200 and localhost:4201. In localhost:4200, I have converted the complete AppComponent into an angular element . I have built the project, ...
Ramya Balasubramanian's user avatar
  • 51
5 votes
2 answers
9k views

since I updated Angular to version 17 I can't create web components.. I used to do it in app.module, where are they created now? I tried in app.component as the guide says but it doesn't seem to work.....
user avatar
2 votes
1 answer
1k views

It is possible to create an Angular 17 universal project with standalone components that also have web components (Angular elements)? I'm trying to import a component (regular one) from an Angular 16 ...
Nick's user avatar
  • 21
0 votes
0 answers
28 views

I am confused about angularjs manipulation. How come: angular.element("#elementID").is(':visible') ; // works angular.element("#elementID").slideUp() ; // works ...
rolinger's user avatar
  • 3,196
0 votes
0 answers
227 views

This is a theoric question. I know I can export an Angular component as a web component with Angular Element. My question is: can I export and existing entire Angular Application as a web component ...
Matt's user avatar
  • 375
0 votes
0 answers
155 views

Our application is build on .net MVC using cshtl view, we are planning to migrate it into angular. For this we want to use angular element so that it can be easily mixed with cshtml pages. We would ...
ArvindTiwari's user avatar
  • 1
1 vote
1 answer
793 views

The Problem I am using Angular and its Angular Elements to generate Webcomponents. I want clients to be able to pass these webcomponents icons into slots, so that the client can determine what the ...
Philipp Doerner's user avatar
  • 2,112
0 votes
1 answer
702 views

Facing this error while using @angular-extensions/elements for lazy loading of angular element I tried using in the component like below: <mwc-button *axLazyElement="url; loading: loading; ...
Dhruvi's user avatar
  • 21
1 vote
0 answers
278 views

We are looking to separate a feature in our existing main Angular application. We are considering using IFrames or web components using Angular elements. Module federation is currently not an option ...
James Buns's user avatar
  • 57
0 votes
1 answer
223 views

I have been using ngx-summernote as my rich text editor. Now, for my project purpose, i will need to insert out custom angular component dynamically to the rich text editor. After analysis, i found ...
Chinmoy Chakraborty's user avatar
  • 1
1 vote
0 answers
392 views

When using gulp serve - Getting errors like You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. I am trying to follow https://www....
Balaji Murugaiyan's user avatar
  • 11
2 votes
0 answers
197 views

Briefly: I created an Angular Elements web component in Angular 15 I have ViewEncapsulation.Emulated set for the component (for some reason, ViewEncapsulation.ShadowDom doesn't work - it breaks some ...
Ivan Pelly's user avatar
  • 177
3 votes
0 answers
349 views

I am trying to build an app that: contains angular elements publish this app in npm as a library Install the library in a different angular application use the custom element created in this new ...
Kshri's user avatar
  • 414
3 votes
1 answer
7k views

I have an angular app (and a nestjs backend) and I try to handle user login with the help of keycloak. As the buzzword rich question title states I have kind of a "weird" architecture. I ...
andymel's user avatar
  • 6,048
3 votes
1 answer
1k views

I've been tasked with creating a suite of web components to share with customers to consume into their websites. I've come across the idea of Angular Elements, and this looks interesting, but I'm not ...
GeoffP's user avatar
  • 31
1 vote
2 answers
2k views

I have developed a custom web component that I am using in a Chrome Extension (Content). This Angular web component worked fine in Angular 12. I bundled all the scripts and loaded them in various web ...
Tom Lee's user avatar
  • 21
0 votes
0 answers
201 views

Currently I am working on a specialized web component built with angular elements, where I have some dependencies to prime ng and primeflex library, due to this I cannot enable ViewEncapsulation....
Zsolt Balint's user avatar
  • 775
1 vote
1 answer
669 views

Created two web components: web-comp-1, web-comp-2 When I tried to add in HTML page, I am getting console error like below Uncaught TypeError: Cannot read properties of undefined (reading 'create') at ...
Tony's user avatar
  • 159
0 votes
1 answer
575 views

When using Angular Elements, we'd usually have something like this to build an app as a web component: export class AppModule implements DoBootstrap { ngDoBootstrap(appRef: ApplicationRef): void {...
yktoo's user avatar
  • 2,996
1 vote
2 answers
537 views

I've searched around and haven't quite figured out how to do this yet. I have an Angular library I've created that contains custom components. This is being exported as Web Components so other ...
Andrew's user avatar
  • 794
1 vote
1 answer
2k views

I'm using Angular Elements https://angular.io/guide/elements which allows me to create an angular component, define a tag name, and register it as a HTML Custom Element in the CustomElementRegistry ...
John Gamble's user avatar
  • 1,222
0 votes
1 answer
769 views

i make a small angular application and convert it into angular element to use it as a micro frontend in other master App and it looks great and works fine. but I need to pass a value from Master App ...
Amr Eshra's user avatar
  • 41
0 votes
1 answer
909 views

Description I'm trying to create an Angular Elements using Primeng components. When I run the Angular app everything works just fine. However, once I build and use my Angular Elements containing my ...
Jad's user avatar
  • 108
0 votes
0 answers
508 views

I am trying to convert angular components to angular web component, I followed few articles to do it which is good, but when I tried to convert angular directive as web component it throws some error ...
Varun'Ui's user avatar
  • 1
2 votes
1 answer
699 views

In an existing component template I have this (simplified) element: <input type="button" #refreshPrice /> This is picked up (I don't know the correct term) by this property so we can ...
Matt W's user avatar
  • 12.7k
0 votes
1 answer
329 views

I have created a web component in Angular Elements which defines and emits events like this: @Input() groupId: number = -1; @Output('group_change') groupChange!: EventEmitter<number>; ... this....
Frank Jusnes's user avatar
  • 195
5 votes
1 answer
4k views

I am building a Web Component with Angular Element (version 13) and I have a question regarding bundling. Would it be possible to the build the Web Component in a way that all of the js bundles (main....
Greta's user avatar
  • 51
1 vote
1 answer
2k views

Lately I have been learning Angular and @angular/elements. I was curious about creating custom element that i can use in any html. My goal is to create simple custom element just with 1 component ...
Sergey Ivanyuk's user avatar
  • 21
2 votes
1 answer
632 views

I want to add a class to a DOM Element by taking it's reference. But the element is created by a library and I cannot access it directly, means I can't use ViewChild or HostBinding on that DOM Element....
Shantanu's user avatar
  • 31
4 votes
0 answers
999 views

Can anyone explain to me the difference between Angular Module Federation and Angular Elements? I am new to Angular and my understanding so far is that both are two ways to provide shared Web ...
BigTman's user avatar
  • 182
3 votes
1 answer
6k views

I have a simple microfrontend scenario that loads and embeds an angular 13 webcomponent (created with angular elements) in a container webapp. Basically, the routing works fine. When leaving the route,...
Andre Albert's user avatar
  • 1,396

1
2 3 4 5
…
7