Угловой нг-контент н первый элемент

Question

Привет я пытаюсь разделить содержимое компонента на две части, и я не могу заставить его работать. Я знаю, что я могу использовать ng-content с атрибутом select но я не знаю, возможно ли выбрать количество элементов с ним.

У меня есть этот код:

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

Внутри моего компонента-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 является динамическим.

Спасибо