2017-08-07 53 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值獲取其值?您可以非常方便地添加新元素。