Comment je peux enlever <ion-item>
diviseur? J'ai le code suivant pour afficher 4 éléments à la suite:
<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>
et la sortie montre 4 images dans une rangée, sauf exception, mais chaque image a un séparateur blanc en dessous. Je ne veux pas de diviseur.
J'ai essayé de mettre style="border:none"
mais il ne l'a pas fait.
utilisation 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>
Pour une raison quelconque, cela n'a pas fonctionné pour moi. Mais avoir des lignes = "aucune" a bien fonctionné.
Pour ionic v4
<ion-item lines="none"> </ion-item>
Extrait de ionic docs ... https://ionicframework.com/docs/api/list)
Pour ionic v4, vous devez utiliser la propriété lines:
<ion-row ion-list>
<ion-col width-25 *ngFor="let player of players">
<ion-item lines="none" color="dark">
<ion-avatar item-left>
<img [src]="photo" class="img img-circle"/>
</ion-avatar>
{{user.name}}
</ion-item>
</ion-col>
</ion-row>