Ionic framework 如何在离子列表中为菜单图标设置分隔线？

我想有列表分隔行，我已经在上面的图像中标记在我的图标下，也像在第二个图像

以下是我的离子列表代码：

app.html：

<ion-list >

  <button  class="menu-text" menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
    <ion-icon [name]="p.icon" class="icon-color" item-left> </ion-icon> 
    {{ p.title }}
  </button>


</ion-list>

app.scss：

 .icon-color{
    color:#8ad5ef;
    font-size: 1px; 

}

.menu-text{
    color:#8ad5ef;
    font-size: .9em; 
}

我应该怎么做才能得到想要的效果？

像这样试试

<ion-list>
  <button no-padding ion-item icon-right *ngFor="let p of pages" (click)="openPage(p)">
    <ion-icon [name]="p.icon" class="icon-color"> </ion-icon> 
    {{ p.title }}
  </button>
</ion-list>

{{p.title}}

演示

<ion-list>
  <button no-padding ion-item icon-right *ngFor="let p of pages" (click)="openPage(p)">
    <ion-icon [name]="p.icon" class="icon-color"> </ion-icon> 
    {{ p.title }}
  </button>
</ion-list>