title: Angular detect and insert components
body: <h2>Background</h2>
  
  <p>I am trying to create a blog using Angular (5). I am using markdown and storing that data outside the application. It downloads the markdown, parses it into an html string, then binds to the <code>innerHTML</code> of a div.</p>
  
  <p>I understand that I am working against the grain, but I would really like to be able to create an elegant solution here.</p>
  
  <h2>Problem</h2>
  
  <p>Having the ability to use custom components gives us the ability to do a bunch of stuff with our blog that we won't be able to do otherwise. Signup components, custom widgets, etc. We can do all this and still have the ability to store the content separately outside of the application.</p>
  
  <p>Custom components are not detected from the <code>innerHTML</code> string. Which doesn't allow it. It seems like <code>DynamicComponentLoader</code> used to provide a solution for this, but not anymore.</p>
  
  <h2>Clarity</h2>
  
  <p>I am not trying to render only the html, or only a single component. I want to render the html and all components included.</p>
  
  <p>I also don't care that it's bound to the <code>innerHTML</code> property, it just seemed to get me the furthest. I can/will use a <code>resolver</code> if that would help.</p>
  
  <h3>Example</h3>
  
  <p><a href="https://stackblitz.com/edit/angular-wylp55" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-wylp55</a></p>
  
  <p>As you  can see the hello component renders in the html, but not the component itself.</p>
  
  <p>Any help would be appreciated.</p>