如何獲取元素的ElementRef？

Question

我正在使用DCL loadnexttolocation加載組件。 有沒有辦法可以在指定的元素中加載組件。 我的意思是我想在默認情況下更改它加載的位置。 這是我的插件： http ：//plnkr.co/edit/2dKxNAOgqYqGn4n0u8PT?p=preview

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

這是我提出事件時的代碼.. elementref始終考慮根組件。 有沒有辦法可以在根目錄中找到子元素的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);
  }
}

Plunker