ionic2：水平头像在列表中滚动

Question

我正在使用ionic2，我有一个项目列表，每个项目都包含一组用户：

<ion-list item-left>
  <ion-item *ngFor="let item of items;">
      <ion-label>
        {{ item.name }}
      </ion-label>
  </ion-item>
</ion-list>

我正在尝试添加水平头像滚动到列表中的每个项目

<ion-list item-left>
  <ion-item *ngFor="let item of items;">
      <ion-label>
        {{ item.name }}
        <br> 
        <ion-scroll scrollx="true" style="height: 50px;">
          <ion-avatar *ngFor="let user of getAllUsers(item)">
            <img src="{{ user.avatar }}" style="max-width:2.5rem;max-height:2.5rem;">
          </ion-avatar>
        </ion-scroll>
      </ion-label>
  </ion-item>
</ion-list>

在我将style="height: 50px;"添加到ion-scroll之前，没有任何变化。在此添加之后，化身在这里，但它们是另一个，而不是一排（当然没有水平滚动）。

我该如何解决？

P.S 是否可以将width添加到滚动条？我不希望它占用整个页面宽度。