Use Stack Overflow for Teams at work to find answers in a private and secure environment. Get your first 10 users free. .

Questions tagged [angular-elements]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
38 views

Angular Elements doesn't include Material Theme css properly

I have included Angular Material in my angular element project. I have included all the references how the documentation suggests, but when I build seems like angular the material theme isn't included ...
0
votes
0answers
16 views

Angular Elements - Dependencies to other packages (i.e. angular material components)

I am developing a web component with angular elements. Inside my main component I set the components property encapsulation to ViewEncapsulation.ShadowDom. To build i.e. themed forms, I imported other ...
-1
votes
0answers
6 views

Difference between Angular Library and Element [on hold]

I am working on an Angular app with Asp.Net Core. I need to create a reusable widget in Angular and I should be able to use it with my Asp.net web page as well as in other asp.net projects. i.e. If I ...
0
votes
3answers
48 views

Angular Element Component doesn't update when I add object from property

I have Angular Element Component (with Angular 8) which has 2 props. When I try to push something in the array the Shadow-Root doesn't re-render it(the counter yes instead). How I can force the ...
0
votes
1answer
56 views

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'...
1
vote
1answer
23 views

Creating radio buttons in Shadow DOM

The problem arises when we are going to create a custom radio button as a web component using Shadow Dom. Normally when we are using radio buttons, we usually give the same name to the grouped radio ...
0
votes
0answers
18 views

Can we create react element from react build files

I have react application build files which i want to integrate to my angular application. I know how to render react application as element and use it in angular if i have the react application ...
0
votes
0answers
5 views

How to bundle angular elements with node_modules

I am trying to bundle my angular elements to create a single JS file and share to other team so they can using my application inside their application. But when I create and share the single JS file, ...
1
vote
1answer
68 views

Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten in custom element

I created a small app using angular custom elements feature (element.js), imported that element.js file into another angular(parent) app in index.html, in development server (ng serve) element feature ...
0
votes
4answers
84 views

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. ...
1
vote
0answers
68 views

Angular Elements Polyfills to use in IE11 and Edge problems

Following on from my last post here, where I have an Angular elements project, which I can get working in Chrome if compile with TS target of es2015, I have now gone back to compile with es5 (in ...
0
votes
1answer
49 views

Angular Elements - Uncaught TypeError: Failed to construct 'HTMLElement'

I have been trying all day to get an Angular elements component working, as I was considering using them in an upcoming project. I have followed a number of tutorials (all very similar), and just ...
0
votes
1answer
28 views

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 ...
-1
votes
4answers
76 views

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 ...
0
votes
1answer
30 views

How to add react custom element in angular 6

I have created a react application and defined it as custom element. customElements.define('react-iis', ReactElement); i have built this application and got js files i use this element directly ...
11
votes
6answers
243 views

Build angular element from existing project

We have an existing Angular 8 project which includes a bunch of common components (like custom datepickers, numeric inputs, ...). The project itself is a standard Angular-app. We want to extract some ...
0
votes
0answers
17 views

Internet Explorer: 'customElements' is undefined

On my Angular 7 application I'm using ngx-ssrs-reportviewer to embed reports on the website. Among the dependencies is included @angular/elements, which uses WebComponents. I've already tried ...
2
votes
2answers
83 views

Specifying different imports for Angular Module if it is exported as a custom element

I've got a module which I need to use in two places. One inside an Angular application and another as a custom element on its own for use in other places where we are dropping into legacy systems. ...
2
votes
3answers
58 views

Angular Elements EventEmmitter : $event not showing emitted value

I am stuck while working with Custom Angular Elements, Whenever i emit a value i.e true or false, it works fine while using element in same angular project, whenever i use the element in other project ...
0
votes
0answers
63 views

My angular 7 web component @Input<boolean> doesn't work when I bind a false value

I have setup an application which exports web components from angular 7 using angular custom-elements package. Everything works fine. I am able to bind anything, arrays, objects, strings from ...
0
votes
1answer
53 views

How to embed an angular element inside a angular component

I am trying to build an angular application to encapsulate 2 other angular projects because 2 separate teams work on the projects and they need to be able to be shipped separately. We decided to use ...
1
vote
1answer
58 views

How to add angular element selector inside the ngFor

I have 4 angular elements (Web Components) in my projects. I have added script tag for those web components in index.html <script src="web-angular-element.js"> </script> and i want to ...
1
vote
1answer
32 views

Angular Elements: Slots appearing even when empty

I'm using Angular Elements for creating a UI kit. I'm using slots for content projection. The problem is whenever i'm using slots, and when the slots content is empty - the slot's dom element is still ...
0
votes
1answer
24 views

Angular elements custom element displays, but not other components in project

I am trying to use Angular Elements to migrate from AngularJS and had an AE custom component working, I did a merge and it stops working. The custom element gets loaded and I can see the text from it,...
0
votes
0answers
609 views

No value accessor for form control with name: 'email'

I have tried a lot of solutions from Stack Overflow, but none of the solutions worked. I am using ControlValueAccessor and creating a reusable WebComponent so that I can access the component or ...
0
votes
0answers
41 views

Lazy load web components bundle in Angular 7

I'm using Angular elements for creating micro apps, each of these apps is bundled into a single file and then I would like to use these bundles in the shell app. The problem is that there will a lot ...
1
vote
1answer
124 views

create a widget framework for angular 8

What I am trying to do? I want to create widget/plugin framework for angular 8. What I tried so far? After reading a lot, I did a POC with angular elements, I am able to build each component ...
0
votes
0answers
71 views

@Input() method not working in IE 11/Edge when created as Angular Elements(Web Component)

I am trying to pass an object to an angular element(web component) by using @input() decorator method, which is working fine in all browsers except IE11/Edge. Can you guys shed some light on this ...
1
vote
2answers
96 views

Angular 7: Exporting Angular elements from an Angular library

I'm trying to export angular custom elements defined in a library L - through the constructor of the AppModule of the library L(customElements.define('my-custom-element', myComponent)). On importing ...
1
vote
2answers
24 views

Use customElements library made with @angular/elements within an angular application prod issue because of optimization

I am facing a weird issue and wonder if some of you faced the same issue as well. We are actually working on a custom elements library made with @angular7 and @angular/elements using this tutorial: ...
1
vote
1answer
46 views

Using Angular6 application inside VueJs application

We have Angular application (version 6.1.5), which makes HTTP request to the Restfull API. We have used modular approach in Angular App. There is app level routing configurations and each modules ...
1
vote
0answers
28 views

How to manage “angular element” routes inside vue component?

I'm trying to integrate an angular component inside vue making using of "Angular Elements"(Web Component). I have been successful in displaying the component in the vue but unable to get the routes ...
-3
votes
1answer
156 views

Angular 8 create custom elements with Ivy

I need to create a custom element (web component) using angular 8 enabling ivy. to used with an anther framework, is there any proper documentation for that?
0
votes
1answer
59 views

Use Angular Element in app.component.html

I have been playing with Angular Elements for a while. Our team is building multiple independent angular projects and convert them into Angular Elements. We also build a main shell and those angular ...
2
votes
2answers
113 views

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 ...
0
votes
1answer
37 views

C# MVC bundling not working with Angular Elements Web Component

I'm using Angular Elements in C# MVC project. When I include angular elements build file directly in main.cshtml like <script type="text/javascript" src="~/Script/Angular/artifi-graphics.js">&...
0
votes
0answers
32 views

Angular elements not bootstrapping

I am building my angular app and libs and exposing the angular elements as web components as per documentation both official and para-official. And everything works perfectly fine on an independent ...
1
vote
2answers
59 views

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 ...
0
votes
0answers
46 views

Multiple Components inside a single Angular Element

I am trying to combine Angular and SPFX together using Andrew Cornell's article with the 2 projects approach. The solution is working with a one component Application but prod application are ...
2
votes
0answers
32 views

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 ...
0
votes
1answer
23 views

Include angular element into expressionengine cms website

I exported an angular element into one javascript file so i could include it in a page in my expressionengine cms website but i get the error: SyntaxError: `` literal not terminated before end of ...
1
vote
0answers
91 views

ng.probe overrides by angular-elements

I have chrome extension which injects angular-elements to the page. Extension is supposed to be run on the pages with the Angular application. There are two different issues I've faced with: ...
0
votes
1answer
130 views

How to change encapsulation of 3rd party component in Angular?

I'm using AngularElements with native encapsulation so bs4 components can be used in bs3 project. Example: @Component({ selector: 'app-my-button', templateUrl: './my-button.component.html', ...
0
votes
1answer
97 views

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 ...
0
votes
1answer
103 views

Reduce size of Angular Element output with peerDependencies

We are trying to build an Angular Element (with Angular 7) that should be used in an AngularJS project. The output .js file is 5 MB large ... to much. An analysis with webpack-bundle-analyzer shows ...
0
votes
0answers
138 views

Managing routing in angular elements web component?

Suppose, I have 3 applications. Shell application Product app Order app Product app have a router in ProductAppComponent which can route to Product List : localhost/products Product Detail : ...
6
votes
1answer
390 views

Angular Element not resolving routes(?) in another angular project, instead only “<router-outlet></router-outlet>” is shown on Website

following starting point: We have a few angular frontend micro-services, and now we want to bring them together in one app. We are trying the Angular-Elements approach and we have exported one of ...
0
votes
2answers
367 views

Change detection not working on angular elements + NgRx

I was trying to work with custom elements + NgRX and tried to integrate the custom element in an angularjs app. Whenever from my angularjs app I am calling the custom element exposed method change ...
0
votes
1answer
230 views

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 ...
0
votes
1answer
213 views

How to use Angular Component in Angular Element?

I have static page where I imported my custom defined angular element <html> <head>...</head> <body> <my-element></my-element> <script ...