I have a route, component, and template for displaying HTML content that is fetched from a database. The route fetches the HTML content, and the template renders the content. What I am attempting to do, is replace an element from the fetched HTML content with a component.
For example, if the fetched content is
<p>Hello World</p> <div id='fancy-list'></div> , I would like to either replace the div with an ember component, or append a component to the div.
From what I gather, the replacing will happen in the ‘didInsertElement’ hook, but I have no idea how to create an instance of a component that can then be appended to a DOM element.
Does anyone have suggestions ?