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

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 inside normal html file it works fine but how can i…
apps
  • 313
  • 1
  • 7
  • 17
0
votes
1 answer

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 angular elements. and we need them to be able to…
Mhyland
  • 250
  • 1
  • 4
  • 14
0
votes
1 answer

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, however, I don't see any of my angular…
Darryl Wagoner WA1GON
  • 967
  • 1
  • 10
  • 31
0
votes
1 answer

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 elements will be called in the main shell. The…
Julie C.
  • 629
  • 2
  • 11
  • 20
0
votes
1 answer

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 it's working perfectly. BUT when I try to add…
Sunil Kashyap
  • 2,946
  • 2
  • 15
  • 31
0
votes
1 answer

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 script. The weird part is that i included the script…
0
votes
1 answer

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', encapsulation: ViewEncapsulation.Native, styles:…
karser
  • 1,625
  • 2
  • 20
  • 24
0
votes
2 answers

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 detection is not happening. Calling code in angular…
0
votes
1 answer

How to use Angular Component in Angular Element?

I have static page where I imported my custom defined angular element ... app.module.ts import { NgModule,…
0
votes
1 answer

Can I display a Leaflet map in a web component built with Angular Elements?

I want to display a map with ngx-leaflet and use it in a web component built with Angular Elements. The problem I'm facing is that new tiles are not rendered on the screen after interacting with the map. I've disabled zones and am running manual…
pberden
  • 130
  • 3
  • 12
0
votes
1 answer

angular element: Camel cased attributes not working

When I give camel cased attributes to my element, they dont work. No error or warning. But when I pass all lowercased attribute, they work well. Can someone explain this behaviour? My index.html:
dasfdsa
  • 7,102
  • 8
  • 51
  • 93
0
votes
3 answers

Component constructor is getting called twice with Angular elements

I am working on a recursive query builder form, which is something similar to this, in angular 7, with reactive form. Means, the user can keep adding a parallel rule by clicking on Add rule and can add a group by clicking on Add group. I have…
Ravindra Thorat
  • 1,822
  • 1
  • 17
  • 24
0
votes
0 answers

Unwanted behavior from WebComponents built @angular/elements inside an angular app

So for my personal project, I am building a WebComponent library built with @angular/elements following this article: https://medium.freecodecamp.org/how-to-create-angular-6-custom-elements-web-components-c88814dc6e0a Everything is working smoothly…
ChainList
  • 1,198
  • 7
  • 28
0
votes
1 answer

Use of Angular elements inside angular app

I would like to use angular elements for widgets here. I went through the angular.io example and also angular-aio-src I am missing something here. Here is the demo. I am getting this error : Component ContentNotAvalilableComponent is not part of…
KiraAG
  • 773
  • 4
  • 19
0
votes
1 answer

Cannot run custom Angular 7 elements bundle in Angular 7 app

Im trying to create a few custom angular 7 elements/components that i can use on a wide range of customer sites. Fx. Wordpress, Angular front ends and so on. Setup I have bundled my angular elements like this for testing: package.json…