title: Make dynamic Angular components
body: <p>I am creating an Angular 7 app.
  In this app I am using contenteditable div and in this div, I want to add a component when do a new paragraph. I am able to insert the code for the component but it is not initializing/working.</p>
  
  <pre><code>formatParagraph(event) {
      if (event.charCode === 13) {
        document.execCommand('formatBlock', false, 'p');
        document.execCommand('insertHTML', false, '&lt;app-block-add&gt;&lt;/app-block-add&gt;');
      }
    }
  </code></pre>
  
  <p>However if I add the  to the contenteditable div manually (and not dynamically) it initializes/works.</p>
  
  <pre><code>&lt;div contenteditable="true" (keypress)="formatParagraph($event)"&gt;
    &lt;p&gt;&lt;app-block-add&gt;&lt;/app-block-add&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make Angular "start" the <code>&lt;app-block-add&gt;</code> when dynamically added?
  There are no errors and the  code is added to the div but not started.</p>