angular - Angular ng-content n 第一个元素

Question

嗨，我正在尝试将组件的内容分成两部分，但我似乎无法使其工作。我知道我可以ng-content使用该属性select，但我不知道是否可以使用它选择多个元素。

我有这个代码：

<component-x>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</component-x>

在我的 component-x 中，我希望它是这样的：

<div class="x">
  <div class="y">
    <ng-content></ng-content>
  </div>
  <div class="z">
    <ng-content select="{{lastXDivs}}"></ng-content>
  </div>
</div>

lastXDivs 等于孩子的数量。

我的结果是这样的：

<div class="x">
  <div class="y">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>
  <div class="z">
    <div>4</div>
    <div>5</div>
  </div>
</div>

有没有办法做到这一点？

请注意，在我的例子中，div 1 到 5 的内容是动态的。

谢谢