我可以在ViewChild中注入Angular 2组件而不是之后吗？

Question

我有this plunker演示动态组件注入。问题在于我有以下内容......

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

我希望将 INSIDE 注入body div，然而，它会将组件 AFTER 附加到div。

所以不是......

<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

def solve(array, target) array.combination(3).map { |p| p.reduce(&:+) }.select { |t| t < target }.count end 只允许添加目标元素的兄弟。如果要将元素添加为子元素，则目标需要是该元素的子元素。

有很多关于此的讨论，但我没有得到这种改变的印象。