angular-elements

I started lately to play a little bit with angular elements that was released in angular V6, I opened a small sandbox project for that purpose. https://github.com/Slash7GNR/ndv-angular-elements Now I've tried to add a more complicated input to my web component - I've tried to add an array input as follows: in app.component.ts I've added: @Input() welcomeMessages: string[]; and in the template I've added: <div *ngFor="let message of welcomeMessages; let index = index"> {{index}} - {{message}} </div> Then, I've created a static html file and added the following code: (pls-wrk is a web component

I built a simple Web Component via Angular using Pascal Precht's tutorial , which you can see working HERE . It auto-magically compiles in the on Stackblitz in the link, but not locally. My end goal is to have the code for the resulting Web Component in a separate file locally. Eventually, I will upload it somewhere and pull it in via a single <script> tag, just like normal raw-html/javascript Web Components. I think the question speaks for itself, but you can read the details below if you would like: Details : To summarize my code in the link above, I have a very basic component: import {

As you know, the "ng g library" approach helps us with the creation of libraries of reusable components. But what if I wanted those components to be compiled into web components... through the support of Angular Elements? Not only that but also that each component from the lib was to be compiled into its own folder or JS file. How to configure a dev environment that would allow me to achieve that? For example: If I create a Lib and add a custom component, I know that I can compile it, generating a series of folders, such as esm5, esm2015, fesm5, etc. Now, the question is: How can I add, let's