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
2
votes
2 answers

Angular elements - Element.createShadowRoot deprecation

I'm testing Anuglar Elements to create some web components and is working great. Anyways I'm getting this warning in console: [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use…
Razinar
  • 727
  • 3
  • 13
  • 21
2
votes
2 answers

Using angular elements inside the same angular project

I'm trying to create a UI kit as reusable web components (using angular elements). I have did a test run to see whether the custom elements that we are developing inside angular project, can be used within that angular project too (In simply, i want…
Kavinda Jayakody
  • 705
  • 1
  • 13
  • 25
2
votes
0 answers

Angular Element has ExpressionChangedAfterItHasBeenCheckedError when change input value

I download Angular Element demo from https://angular.io/guide/elements#example-a-popup-service and use custom element in html and give a message but it will show expressionchangedafterithasbeencheckederror in console. I just changed AppComponet…
sz wang
  • 21
  • 1
2
votes
1 answer

Lazy Loaded module's children route not working in angular elements

I'm lazyloading a feature module inside an Angular Element project. loadChildren: './crisis-center/crisis-center.module#CrisisCenterModule', If in my lazy loaded module routes there is a route with component and children all the module route stop…
gmazzotti
  • 427
  • 4
  • 11
2
votes
1 answer

Angular Elements / Zone.js event listeners slow down homepage

We have an Angular 7 project that generates a Custom Element with Angular Elements. This Custom Element is used in a React project and in an AngularJS project. When the code of the Custom Element is loaded in one of these projects, the site is…
user1916076
  • 145
  • 1
  • 16
2
votes
1 answer

Angular7 Element with Components getting Schema error

I am trying to integrate some various external libraries into my own component to use as part of a dashboard I am building. For simplicity, I am trying to make a Angular Element that has a Line Chart, Graphic Gauge and then some more information as…
Steven Scott
  • 10,234
  • 9
  • 69
  • 117
2
votes
1 answer

Binding not working immediately when value change in Microsoft Edge for Angular 7

In my Angular 7 solution I'm having a problem with data binding in views in Microsoft Edge /other browsers like Opera, Chrome and Mozilla are working properly/. My page contains multiple input elements like textboxes, dropdowns, radiobuttons,…
user9099335
  • 29
  • 2
2
votes
0 answers

Angular Elements: How to use multiple Angular Elements in non angular application

I have created multiple angular elements like below: app-first-element app-second-element app-third-element When I use these multiple elements and try render in non angular application (i.e a simple blank html project) only one element is…
Nagendra Kumar
  • 71
  • 4
2
votes
3 answers

Multiple Custom element developed in angular element in single page

I developed 2 custom elements in different Angular element projects and when I try to use them in single html I get error "Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry" How to followed…
sandeep
  • 996
  • 2
  • 11
  • 22
2
votes
0 answers

Angular multiple projects

I am doing a proof of concept with the following criteria: Allow each menu item to be in a different Bitbucket project. Build a single component without breaking the others. The components can talk to each other. If one of the components updates,…
user1748379
  • 53
  • 1
  • 9
2
votes
2 answers

fa-icon is not a known element in a Reusable Module

Not sure why this is happening on a reusable Module (or what Iv'e got wrong). ERROR Error: Uncaught (in promise): Error: Template parse errors:'fa-icon' is not a known element FYI: fa-icon is a Font Awesome…
user742030
2
votes
1 answer

Nested Angular elements throwing ExpressionChangedAfterItHasBeenCheckedError

I've done some research around this issue, now I'm not sure it's a bug or something wrong with my implementation. I've got an element which uses a service to fetch some data, then it passes the data to a child element, but when I update the data,…
Chusux
  • 33
  • 5
2
votes
1 answer

How to serve an angular elements app in watch mode?

I have successfully created an Angular Elements application following this awesome guide. The "serve" process consists of: Build the application and concat into a single js file ng build --prod --output-hashing=none && cat…
DauleDK
  • 3,313
  • 11
  • 55
  • 98
2
votes
0 answers

Message bus between dynamic Angular Elements

I've recently discovered Angular Elements and think that could be a very good fit for my portal application which involve many teams with different requirements. Teams will be responsible for providing their own widgets to other teams. I need to PoC…
mathpaquette
  • 406
  • 4
  • 16
2
votes
1 answer

Prevent CSS overwrites from web components in parent page

I created a web component using Angular Elements (6.0.3). When I use the web component in another website, the webcomponent overwrites the styles of the parent page since it also uses Bootstrap. I know that there is the view encapsulation principle,…
nimrod
  • 5,595
  • 29
  • 85
  • 149
1 2 3
…
20 21