Angular-递归ng-content中的唯一标识元素

Question

我有一个名为“ splitter”的自定义组件，该模板的模板包含一个ng-content元素，该元素应支持自身作为有效内容。

splitter.component.html：

<div #container>

  <div>
    <ng-content select="[a]"></ng-content>
  </div>

  <div>
    <ng-content select="[b]"></ng-content>
  </div>

</div>

使用分隔符的模板：

<app-splitter>

  <app-splitter a>
  </app-splitter>

  <div b>
  </div>

</app-splitter>

当我尝试在splitter.component.ts中获取给定拆分器的“容器” div的高度时，

@ViewChild('container') container: ElementRef;
...
console.log(this.container.nativeElement.offsetHeight)

似乎我总是在引用最高级别的“容器”。换句话说，即使我已经确认高度和外观在Chrome开发人员工具中都是不同的，每个分割器实例也会打印相同的值。

有没有办法识别给定拆分器唯一的容器？