Stack Overflow
Stack Overflow

Questions tagged [angular-elements]

Angular Elements compiles Angular Components into framework-agnostic Web Components.

Angular Elements compiles Angular Components into regular Web Components, which can be used outside of Angular, in any framework, such as React, or just in regular HTML.

301 questions
0
votes
1 answer

Error : NullInjectorError: No provider for CompilerFactory! when I try to run 2 angular elements in the same page

I have two projects (2 widgets) , when I use these widgets individually it works fine but I want to use them in the same page so i follow this tutoriel : https://myview.rahulnivi.net/running-multiple-angular-elements-page/ . But unfortunately i got…
Hiba
  • 123
  • 2
  • 2
  • 10
0
votes
1 answer

How do you use Reactive Forms in an Angular Elements custom element?

I'm trying to create an Angular Elements component to embed in a hosted web page, and I want my component to contain an Angular reactive form. Build fails with error: "Can't bind to 'formGroup' since it isn't a known property of 'form'." Can…
Chad
  • 21
  • 6
0
votes
0 answers

Add task after angular build with --watch using @angular-builders/custom-webpack

I have this @angular/elements project for which after each build I have to concat all generated file into a single bundle. Something like this $> ng build els --prod --output-hashing=none $> cat ./dist/elements/runtime-es5.js…
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
0
votes
0 answers

How to change the url of angular custom element

I want to change the url of custom element in angular project i.e currently the project is running with custom element successfully using url http://localhost:4200/#/wb/(some-id). My need is to change the url to http://localhost:4200/project without…
divya dave
  • 471
  • 1
  • 9
  • 28
0
votes
2 answers

How can we append childnodes to ng-content without rerendering the Angular Elements?

The child nodes which Iam appending are not properly positioned inside the ng-content area of the custom element I created using Angular element. I tried to reporduce my issue in this Stackblitz Current solution It will work if I add the child nodes…
Sachin
  • 2,627
  • 1
  • 19
  • 35
0
votes
1 answer

How to use an angular custom element to another angular application

I have successfully created angular custom element named in angular project and I want to use this custom element in another angular project I tried using following ways: copied the profile.js file of custom element in another angular project and…
divya dave
  • 471
  • 1
  • 9
  • 28
0
votes
0 answers

How to pass object in angular custom element

I want to pass object to custom element in html file. I tried reading some resources didn't found the solution for this. Angular Component file
divya dave
  • 471
  • 1
  • 9
  • 28
0
votes
0 answers

How can I allow an output event from one Angular element to update the value of another Angular element?

Please note that this question has to do with Angular Elements, which is detailed here. This functionality allows for the creation of HTML elements from compiled Angular components. I am working on modernizing an old web application piece-by-piece.…
Joshua Sharo
  • 31
  • 5
0
votes
1 answer

Source maps for angular elements compiled build when hosted in separate application

We have a project where we create a based on Angular elements that subsequently get renders widgets in a separate host web app. Basically this host app dynamically renders up the web components contained in the angular elements application and…
kSeudo
  • 619
  • 7
  • 23
0
votes
3 answers

Angular Elements Error: Zone.js has detected that ZoneAwarePromise

I've been testing out Angular Elements. Basically I created 2 angular elements: a simple button and a simple input. You can check them out here: http://kaloyanmanev.com/edo-button.js and http://kaloyanmanev.com/edo-input.js Both of the elements…
Kaloyan Manev
  • 406
  • 6
  • 20
0
votes
1 answer

FontAwesome not loaded correctly with Angular elements

I have an Angular app that is packaged using Angular Elements and then loaded into another web application. I am using Font Awesome but icons are being displayed as boxes. Similar to what is described in How to know if a font (@font-face) has…
Samer Makary
  • 3
  • 2
0
votes
1 answer

I can't get right elements

I click the sort button, get all prices, and I need to ensure that elements were sorted correctly by prices. So I need to get price value="377", price value="1288", price value="1688" etc. but I can't get the right elements.
Max Volobuev
  • 79
  • 2
  • 11
0
votes
5 answers

Template parse errors: No provider for NgControl when creating custom form elements

I've being trying to create custom elements with angular elements and for form inputs I've being trying to use angular's ControlValueAccessor for that as discussed in this article by Eliran Eliassy. But when I follow the guide, and completed the…
Kavinda Jayakody
  • 705
  • 1
  • 13
  • 25
0
votes
1 answer

Build an Angular Component library that uses angular-elements?

Our organization is building a component library where we add our components that are used on all our sites. For example we have a header and footer that we include on all our microsites. However, not all sites are built with Angular, so we have…
petur
  • 1,366
  • 3
  • 21
  • 42
0
votes
3 answers

How to pass value to angular element web component using button click from JavaScript?

I'm trying to update the value which is an input of Angular component by clicking on button which not a part of the Angular Element. How can I update the value in the Angular Elements in order to display in the UI? HTML Code
Ish Bhatt
  • 31
  • 6
1 2 3
…
20 21