Удалить ионный разделитель предметов

Question

Как я могу удалить <ion-item> разделитель? У меня есть следующий код, чтобы показать 4 элемента в строке:

<ion-row ion-list> 
    <ion-col width-25 *ngFor="let player of players"> 
       <ion-item color="dark"> 
        <ion-avatar item-left> 
         <img [src]="photo" class="img img-circle"/> 
        </ion-avatar> 
        {{user.name}} 
       </ion-item> 
       </ion-col> 
      </ion-row> 

и выход показывает 4 изображения в ряд, как и освобожденный, но каждое изображение имеет белый разделитель под ним. Я не хочу делителя.

Я попытался установить style="border:none", но он этого не сделал.

Answer 1

использование no-lines

<ion-row ion-list> 
    <ion-col width-25 *ngFor="let player of players"> 
       <ion-item no-lines color="dark"><!-- here --> 
        <ion-avatar item-left> 
         <img [src]="photo" class="img img-circle"/> 
        </ion-avatar> 
        {{user.name}} 
       </ion-item> 
       </ion-col> 
      </ion-row>