ionic2 关于ion-list渲染问题

Question

用ionic2+angularjs4做混合开发,使用<ion-list>标签进行布局.小圆圈部分和列表部分都是<ion-list>布的局,但是真机测试的时候发现安卓真机出现当前视图下小圆圈显示正常,不在当前视图下的小圆圈被遮挡.请大神指点一下.下面是部分代码

<ion-list no-lines class="listSty">

  <div *ngFor="let item of classDate;" style="margin-left: 10px">
    <ion-item no-padding class="itemSty backgroundImgDiv" *ngIf="item.themeStatus != 'TRS_003'">
      <div class="backgroundImgDiv"
           [class.backgroundYellowImg]="item.themeStatus != 'TRS_003'">
        <div class="numLabel">NO.{{item.lessonOrder | number : '2.0'}}</div>
        <div class="dataLabel">{{item.lessonDate | date:'MM月dd日'}}</div>
      </div>
    </ion-item>
  </div>
</ion-list>

<!--主题列表-->
<ion-list [reorder] = allowChange (ionItemReorder)="reorderItems($event)" no-lines>
  <div *ngFor="let classItem of classInformation;">
    <ion-item  style="margin-top: 10px; height: 70px;" *ngIf="classItem.themeStatus != 'TRS_003'">
      <div class="textLabel changeCol">
        {{classItem.themeName}}
      </div>
    </ion-item>
  </div>
</ion-list>

Answer 1

这个问题解决了.使用了2个<ion-list>把其中一个拖拽样式给改变了.成功解决了这个问题