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

Multiple instances of angular element in same page - changing property of one changes it in both

I have this in one partial view: And this in another: The component looks like this: export class MyWidgetComponent implements OnInit …
petko_stankoski
  • 10,459
  • 41
  • 127
  • 231
0
votes
1 answer

Angular web component @Input with variable

https://angular.io/guide/elements Before asking i try to find solution by myself but i can't solve my issue. I have a web component (for example ) And for initialization i need pass to it some param (for example…
Igor Zinchenko
  • 305
  • 3
  • 13
0
votes
0 answers

Cannot get element from id inside an Angular Modal

I'm new to the AngularJS and having a problem loading up data with element ID. I've checked I can print out any text value to the modal already but again, text data with element ID isn't working. Any idea? list.component.html
Ian Lee
  • 43
  • 1
  • 7
0
votes
0 answers

Angular Elements with Router

I want to develop web-component based on angular elements, which will be integrated into non-angular application. Is there any proper way for this web-component to use routing? I need it because web-component will contain views for creating/viewing…
robert_madino
  • 1
0
votes
1 answer

Embedded Angular elements (custom elements or web components)

I'm working with angular elements 10.1.6, developing a custom element (custom-element2.js) that makes use of another custom element (custom-element1.js) developed with version 7.3.3 of angular, that is, custom-element1 .js is embedded in…
Jonathan N
  • 1
  • 1
0
votes
0 answers

The second angular element (custom element) is not displayed

I have two Angular Elements. The first one contains select-box and the second one looks like this:

Title

I try to display both inside another application using @angular-extensions/elements or just by adding…
Ivan Bogolyubskiy
  • 86
  • 1
  • 10
0
votes
0 answers

How do you use pdfjs-dist with Angular Elements for Internet Explorer

How do you correctly import pdfjs-dist and use the es5 version for Internet Explorer? I am using Angular 8 and Custom Elements, what I have done so far is npm install --save pdfjs-dist Then in my component I import the script: import * as pdfjs…
Eric Yu
  • 1
  • 3
0
votes
0 answers

Loading Angular component in a Knockout application - Angular elements

I am trying to add a Angular web component in a KnockoutJS application using Angular elements. Following this method of creating individual elements - "Angular Elements — A Practical Introduction To Web Components With Angular 6" My Angular element…
curious_debugger
  • 299
  • 2
  • 8
  • 23
0
votes
2 answers

How to Implement Micro Frontend in Angular (Alternative to Iframe)

we are trying to implement micro-frontend concept in Angular, where we have 2 angular applications App1 and App2 both separate project running individually on their own server. we want to integrate App2 inside a component of App1 on button click…
Salman Sayyed
  • 85
  • 1
  • 9
0
votes
2 answers

Error trying to diff '[object Object]' in Angular Elements webcomponent

I exported Angular component as framework agnostic element with Angular Elements. The Angular component accepts array of "steps" export class FormWizardComponent { @Input() public steps: any[] = new Array(); } Steps: steps = [{ label: 'Step A'…
Tschareck
  • 4,071
  • 9
  • 47
  • 74
0
votes
2 answers

Angular Elements cannot bind value with curly brackets

I want to export Angular component as custom web component. My component has input: @Input() inputFileID: string; which is used to bind to properties in HTML:
Tschareck
  • 4,071
  • 9
  • 47
  • 74
0
votes
1 answer

Micro UI Angular issue in rendering element seperately

I'm creating a micro-frontend application. I have a container application in Angular. When I am injecting the selectors of the child applications to the container application it's working. But I need to run the child application alone when I hit the…
Rohith Joshy
  • 1
  • 2
0
votes
0 answers

Is there a way to include 2 Angular Apps in SinglePage?

I have a Multi-App structured Angular project within an Asp.Net MVC project. I need to include 2 Angular Apps in SinglePage. But Angular renders only the initial App tag. Can someone suggest a solution?
ROBY
  • 1
0
votes
1 answer

How to create button in Angulas JS and display them using ng-repeat in the HTML page

I have a requirement in my project where the user can provide some information such as maybe some name and URI using the modal. They have the option to enter as much name and URI as they want and each would be displayed in the front-end table and…
BATMAN_2008
  • 2,788
  • 3
  • 31
  • 98
0
votes
1 answer

Is there a way to make a custom element in angular 8 (or 9) without using the shadow DOM?

Looking at Angular Elements docs, it shows how to create an encapsulated sharable component using the shadow DOM (i.e. web components), but my company has a global styles guide, so we need all components to have the same styles. How can we create…
u84six
  • 4,604
  • 6
  • 38
  • 65
1 2 3
…
20 21