title: Web Components in Vanilla JS: Equivalent of ngFor and v-for?
body: <p>I have a custom component defined in vanilla JS:</p>
  <pre><code>class Article extends HTMLElement {
    constructor() {
      super();
    }
  
    connectedCallback() {
      this.render();
    }
  
    render() {
      this.innerHTML = /*html*/ `
      &lt;div&gt;this.getAttribute(&quot;title&quot;)&lt;/div&gt;
      `;
    }
  }
  
  customElements.define(&quot;custom-article&quot;, Article);
  </code></pre>
  <p>I then would like to instantiate these components from an array, specifically (in the HTML):</p>
  <p></p>
  <p>This is trivial to do in both Angular and Vue.js (and probably in every other JS framework), however I can't find documentation on the same functionality being implemented in Vanilla JS.</p>