2017-08-07 25 views
0

我可以从JavaScript加载角2组件到DOM?

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>

当我试图这种方法的角度是不能够识别所述选择。有没有解决这个问题的方法。

+0

您可以请格式化代码。您还试图实现什么? – JEMI

+0

你是否试图将一个组件动态加载到html中? – JEMI

+1

您有几个选项,请参阅[本答案](https://stackoverflow.com/a/44853707/2545680)和[本文](https://blog.angularindepth.com/here-is-what-you -need-to-know-about-dynamic-components-in-angular-ac1e96167f9e#2b99) –

回答

0

而不是直接触摸InnerHTML,为什么不建立一个视图(使用ng-repeat元素)从控制器中的JSON值获取其值?您可以非常方便地添加新元素。