Ion-virtual-scroll внутри пользовательского компонента - PullRequest
Новая
       25

Ion-virtual-scroll внутри пользовательского компонента

0 голосов
/ 11 июля 2019

Я пытаюсь абстрагироваться ion-virtual-scroll внутри пользовательского компонента вместе с большим количеством другого кода.Мне нужно ion-virtual-scroll, чтобы перебрать какой-то другой пользовательский компонент.Вот пример кода перед абстракцией: 

<ion-virtual-scroll 
  approxItemHeight="414px"
  [trackBy]="trackBy"
  [items]="items">
  <div *virtualItem="let item">
    <some-other-custom-component [someInput]="item"></some-other-custom-component> 
  </div>
</ion-virtual-scroll>

Это прекрасно работает, но мне нужно подать some-other-custom-component в custom-component следующим образом: 

<custom-component>
  <some-other-custom-component [someInput]="item"></some-other-custom-component>
</custom-component>

Единственный способЯ уже близко подошел к этому (внутри custom-component.html): 

<ion-virtual-scroll  
  [approxItemHeight]="approxItemHeight"
  [trackBy]="trackBy"
  [items]="items">
  <div *virtualItem="let item">
     <ng-content>
     </ng-content>
  </div>
</ion-virtual-scroll>

Но очевидно, что это не сработает, потому что вы не можете зациклить ng-контент.Есть идеи как это сделать или если это возможно?Спасибо!

...