can i load an angular 2 component into DOM from javascript?

Question

 function injectAngular (){ console.log("angular"); document.body.innerHTML += '<app-root style="height:100%;width:100%"></app-root>' } 

 <button type="button" onclick="injectAngular()" name="button">angular</button> 

when i tried this approach angular was not able to recognize the selector . Is there a solution to solve this problem .

Answer 1

Instead of touching the InnerHTML directly, why not set up a view (using an ng-repeat element) that gets its values from a JSON value in your controller? You can very easily add new elements that way.