Ionic 3 Horizontal Scroll X не работает - PullRequest
Новая
       16

Ionic 3 Horizontal Scroll X не работает

0 голосов
/ 31 мая 2018

Я пытаюсь добавить Ionic Horizontal Scroll X, но это не работает для меня.пожалуйста, посмотрите на мой код, и кто-нибудь знает, почему это не работает?Я пытаюсь добавить <ion-scroll scrollX="true"> не работает.Пожалуйста, помогите мне исправить мою проблему

Спасибо 

 <ion-scroll scrollX="true" style="height: 100px; width: 450px;">
        <ion-item >


          <ion-avatar *ngFor="let staff of master.staffList" item-start >
            <img src="{{master.masterStaffs.get(staff.id)['IMAGE']}}">
            <p class="addnew-user">{{master.masterStaffs.get(staff.id)['NAME']}}</p>
          </ion-avatar>

          <ion-avatar *ngIf="master.getRoleID() == master.adminRoleID" item-start (click)="addnewTeacher()">
            <img src="{{master.addNewTeacherImage}}">
            <p class="addnew-user-main">Add New</p>
          </ion-avatar>

        </ion-item>
      </ion-scroll>

1 Ответ

0 голосов
/ 04 июня 2018

Установить стиль ионного элемента на style="overflow-x: auto;"

     <ion-scroll scrollX="true" style="height: 100px;">
        <ion-item style="overflow-x: auto;">

          <ion-avatar *ngFor="let staff of master.staffList" item-start >
            <img src="{{master.masterStaffs.get(staff.id)['IMAGE']}}">
            <p class="addnew-user">{{master.masterStaffs.get(staff.id)['NAME']}}</p>
          </ion-avatar>

          <ion-avatar *ngIf="master.getRoleID() == master.adminRoleID" item-start (click)="addnewTeacher()">
            <img src="{{master.addNewTeacherImage}}">
            <p class="addnew-user-main">Add New</p>
          </ion-avatar>

        </ion-item>
      </ion-scroll>
...