Угловой нг-контент н первый элемент - PullRequest
Новая
       16

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

0 голосов
/ 07 февраля 2019

Привет. Я пытаюсь разделить содержимое компонента на две части, и я не могу заставить его работать.Я знаю, что могу использовать 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. является динамическим.

Спасибо

...