309 questions
2
votes
1
answer
63
views
How to pass an object programmatically to an Angular custom element (@angular/elements)?
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:
...
- 455
3
votes
1
answer
202
views
Angular elements: ng build in Angular 18 with --optimization=true emits broken artifacts
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 ...
0
votes
0
answers
56
views
Angular `NG0203 Error` for `StandAloneInjector` on trying to embed custom element into view container
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 ...
- 11
0
votes
0
answers
143
views
Issue with external styles in custom elements after upgrading to Angular 19
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 ...
- 23
0
votes
1
answer
177
views
Add angular material to an angular elements based microfrontend
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 ...
- 6,048
1
vote
1
answer
203
views
Consuming an Angular Element (Ang 18) in AngularJS getting 404 error
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. ...
- 21
5
votes
1
answer
702
views
Angular 18+ Elements bundled as Web components
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 ...
- 583
0
votes
1
answer
667
views
Web Components and Angular 18
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....
- 511
3
votes
0
answers
409
views
Angular Elements web component is throwing a zone.js error: "emitter.pipe is not a function"
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 ...
- 1,363
2
votes
0
answers
128
views
How do I add an Angular v.17 Elements component to an ASP.Net webforms app?
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: ...
- 111
5
votes
2
answers
9k
views
Custom Element in Angular 17
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.....
user23353796
0
votes
0
answers
24
views
angularjs element manipulation
I am confused about angularjs manipulation.
How come:
angular.element("#elementID").is(':visible') ; // works
angular.element("#elementID").slideUp() ; // works
...
- 3,196
0
votes
0
answers
152
views
what are disadvantage of using angular elements
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 ...
0
votes
1
answer
702
views
Error: Property '"url"' is incompatible with index signature. Type '{ alias: "axLazyElement"; required: false; }' is not assignable to type 'string'
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; ...
- 21
0
votes
1
answer
219
views
Passing object variable as @input to an angular custom element and bind a method for the @output event while adding the web element to summernote
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 ...
2
votes
0
answers
192
views
Preventing host page styling leaking into Angular Elements web component
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 ...
- 177
3
votes
1
answer
7k
views
keycloak-angular with AngularElements and Standalone Component (no Authorization Header added to requests)
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 ...
- 6,048
1
vote
2
answers
2k
views
Angular Element - Custom web component - bundle
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 ...
- 21
1
vote
1
answer
667
views
Giving error in chrome like cannot read properties of undefined in Angular
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 ...
- 159
1
vote
2
answers
532
views
Package Angular into Library
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 ...
- 794
0
votes
1
answer
768
views
send param to Angular Element from Master App (Micro FrontEnd)
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 ...
- 41
0
votes
0
answers
508
views
Angular web component directive its not working
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 ...
- 1
0
votes
1
answer
324
views
Emitted number from Angular Element turns into string when reaching javascript event listener
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....
- 195
1
vote
1
answer
2k
views
NullInjectorError while creating simple custom element (@angular/elements). without any providers, services
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 ...
4
votes
0
answers
995
views
Difference between Angular Module Federation and Angular Elements
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 ...
- 182