如何获得元素的ElementRef？

Question

我使用DCL加载下一次定位加载一个组件。是否有方法可以在指定的元素中加载组件。我的意思是，我想改变它默认装载的位置。这是我的柱塞：http://plnkr.co/edit/2dKxNAOgqYqGn4n0u8PT?p=preview

add() {
  this._dcl.loadNextToLocation(DynamicCmp, this._elementref);
}

这是我在引发事件时的代码。元素考虑的始终是根组件。有什么方法可以在根中找到孩子的元素吗？

我需要的是加载到这个元素中的组件：

<div #location id="location"></div>

Answer 1

添加模板变量并使用@ViewChild()查询该元素

@Component({selector: 'some-selector',
  template: `
  <div #location id="location"></div>      `
export class MyComponent {
  // only set after `ngAfterViewInit`
  @ViewChild('location') location;
  constructor(private _dcl: DynamicComponentLoader, private _elementref: ElementRef) {}

  add() {
    this._dcl.loadNextToLocation(DynamicCmp, this.location);
  }
}

柱塞