RadListView not recycling items if they are custom components

[RomanYopapp]

Environment

• CLI: 8.3.20
• NativeScript-Angular:8.0.1
• Angular:8.2.14

Describe the bug The problem I have is that the RadListView is not recycling cells well when the data defined is a child component. The same items are repeated instead of recycling them and adding the new values

HTML

  <FlexboxLayout flexDirection="column">
      <StackLayout orientation="vertical" tkExampleTitle tkToggleNavButton padding="0 11">
        <RadListView [items]="items" pullToRefresh="true" (pullToRefreshInitiated)="onPullToRefreshInitiated($event)"
          loadOnDemandMode="Auto" (loadMoreDataRequested)="onLoadMoreItemsRequested($event)"
          [height]="headers.total*320">
          <ng-template tkListItemTemplate let-item="item">
            <FlexboxLayout flexDirection="row" margin="5">
              <app-item [item]="item" [releated_products]="false"></app-item>
            </FlexboxLayout>
          </ng-template>
          <ListViewGridLayout tkListViewLayout scrollDirection="Vertical" itemHeight="320" spanCount="2">
          </ListViewGridLayout>
        </RadListView>
      </StackLayout>
    </FlexboxLayout>

[NickIliev]

@RomanYopapp if possible please provide a Playground demo.

[RomanYopapp]

Here is a video that shows how the same items are repeated, I hope it helps you. It shows a total of 34 items which is what the api returns to me. See that the item with the name "Powerade Mi primer" is repeated more than once. video.mov.zip