Angular Ionic2+中的水平滚动条；

嗨，我在我的ionic2应用程序中有以下标记，使用标签模板。 我希望每个区域都有一个水平滚动条

<ion-content>
  <ion-list>
    <ion-item-group *ngFor="let zone of zones">
      <ion-scroll scrollX="true">
        <ion-item-divider>
          ZONA: {{zone.zoneName}}
        </ion-item-divider>
        <ion-row>
          <ion-col col-4><h5>Equipo</h5></ion-col>
          <ion-col><h5>Pts</h5></ion-col>
          <ion-col><h5>PJ</h5></ion-col>
          <ion-col><h5>PG</h5></ion-col>
          <ion-col><h5>PE</h5></ion-col>
          <ion-col><h5>PP</h5></ion-col>
          <ion-col><h5>GF</h5></ion-col>
          <ion-col><h5>GC</h5></ion-col>
          <ion-col><h5>Dif</h5></ion-col>
        </ion-row>
        <ion-item *ngFor="let team of zone.zoneTeams">
          <ion-row>
            <ion-col col-4>{{team.name}}</ion-col>
            <ion-col>{{team.points}}</ion-col>
            <ion-col>{{team.matchesPlayed}}</ion-col>
            <ion-col>{{team.matchesWon}}</ion-col>
            <ion-col>{{team.matchesDrawn}}</ion-col>
            <ion-col>{{team.matchesLost}}</ion-col>
            <ion-col>{{team.goalsScored}}</ion-col>
            <ion-col>{{team.goalsReceived}}</ion-col>
            <ion-col>{{team.dif}}</ion-col>
          </ion-row>
        </ion-item>
      </ion-scroll>
    </ion-item-group>
  </ion-list>
</ion-content>

地带：{{zone.zoneName}
装备
临时秘书处
PJ
PG
体育课
聚丙烯
女朋友
GC
Dif
{{team.name}
{{team.points}
{{team.matchesPlayed}
{{team.matcheswen}
{{team.matchesdraw}
{{team.matchesLost}
{{球队得分}
{{team.goalsReceived}
{{team.dif}}

添加滚动标签时，我没有看到任何内容。我错过什么了吗？ 我在和最新的爱奥尼亚公司合作 我跟踪了这个链接

添加滚动标签时，我没有看到任何内容

Ion Scroll需要通过

样式

或scss类别提供固定尺寸

<ion-scroll scrollX="true" style="width: 100vw;height: 50px;">
   <!-- your scrollable content -->
</ion-scroll>