Remove whitespace from item-ion

Question

Remove whitespace from item-ion

Navigation

#1 by (0 votes)

0

I have a list of dynamically searched items from the database

 <ion-list *ngFor="let associado of associados" class="card-pessoa" no-padding>  
<ion-item no-padding class="card-pessoa">
 <ion-thumbnail item-start class="pessoa"> 
 <img src="assets/imgs/pessoa.png"> 
 </ion-thumbnail>
 <div class="nome-associado">{{associado.nom_associado}}</div>   
 <div class="cargo-empresa">{{associado.cargo_empresa}}</div>   
 <div class="nome-fantasia">{{associado.nom_fantasia}}</div>    
 <div class="cargo-comite">{{associado.cargo_comite}}</div>    
</ion-item>

I'd like to know how to remove this white space between items in the list. I searched for more without results, so I decided to ask for help here:)

angularjs ionic

asked by anonymous 19.09.2018 / 21:26

1 answer

Retrieve specific field from a primary key via get () Call to undefined method Illuminate \ Database \ Query \ Builder :: table ()

score 0 · Accepted Answer

Change *ngFor to <ion-item> . It is in <ion-list> .

<ion-list class="card-pessoa" no-padding>  
    <ion-item *ngFor="let associado of associados" no-padding class="card-pessoa">
        <ion-thumbnail item-start class="pessoa"> 
            <img src="assets/imgs/pessoa.png"> 
        </ion-thumbnail>
        <div class="nome-associado">{{associado.nom_associado}}</div>   
        <div class="cargo-empresa">{{associado.cargo_empresa}}</div>   
        <div class="nome-fantasia">{{associado.nom_fantasia}}</div>    
        <div class="cargo-comite">{{associado.cargo_comite}}</div>    
    </ion-item>
</ion-list>