我可以在ViewChild中插入Angular 2組件，而不是在之後？

Question

我有this plunker演示動態組件注入。問題是，當我有以下....

template: ` 
    <div> 
    <div #body class="body"></div> 
    </div> 
`, 

我想它注入INSIDE人體格，但是，它的附加組件後股利。

所以不是...

<div> 
    <div></div> 
    <my-app-2> 
    <div> 
     <h2>Hello Angular2</h2> 
    </div> 
    </my-app-2> 
</div> 

我想...

<div> 
    <div> 
    <my-app-2> 
     <div> 
     <h2>Hello Angular2</h2> 
     </div> 
    </my-app-2> 
    </div> 
</div> 

我知道我可以做這樣的事情......

template: ` 
    <div> 
    <div class="body"> 
     <div #body> 
    </div> 
    </div> 
`, 

但它有沒有額外的div標籤做到這一點的方法？

Answer 1

但有沒有辦法做到這一點，沒有額外的div標籤？

是的，你可以使用ng-container元素：

<div class="body"><ng-container #body></ng-container></div> 

它表示爲DOM的註釋中，因此你不會在你的DOM有一個額外的元素

檢查這個plunker

Answer 2

ViewContainerRef.createComponent()只允許添加目標元素的兄弟。如果要將元素添加爲子元素，則目標需要是該元素的子元素。

有很多關於這方面的討論，但我沒有得到這種改變的印象。