Реализуйте полосу прокрутки на ion-header, которая отображает динамический контент в IONIC - PullRequest
Новая
       27

Реализуйте полосу прокрутки на ion-header, которая отображает динамический контент в IONIC

0 голосов
/ 23 октября 2019

У меня есть ion-row внутри компонента ion-header, который отображает список категорий. Я хочу добавить ion-scroll / ion-infine-scroll в этот код. Как он находится внутри ion-header Как я могу на самом деле реализовать прокрутку? 

<ion-header>
<ion-row *ngFor="let item of categoryLists; index as i; trackBy:trackByFn;">
      <ion-col
      *ngIf="!search.length && this.previousTab === 'catalog' && this.catalogItemCategories.indexOf(item.id)>-1 && this.assignedCategories.indexOf(item.id)>-1 && (!currentCategoryItem || currentCategoryItem === item.id)"
      no-padding class="card-list-container-help">
      <ion-card class="category-box-card" [class.category-box-card-active]="currentCategoryItem === item.id">
        <ion-row>
          <ion-col col-12 no-padding (click)="checkCategory(item)" class="messaging-box">
            <div class="card-title"> <a>{{ item.name }}</a> </div>
            <div *ngIf="currentCategoryItem !== item.id" class="arrow"><img src="./assets/imgs/down-arrow.svg"></div>
            <div *ngIf="currentCategoryItem === item.id" class="arrow"><img src="./assets/imgs/up-arrow.svg"></div>
          </ion-col>
        </ion-row>
      </ion-card>
    </ion-col>
  </ion-row>
</ion-header>

Я ожидаю, что появится полоса прокрутки для содержимого, которое отображается в ion-header.

...