How to display multiple icons in the same line


#1

I am trying to display multiple star icons in the same line one the right end side.
Here is my code:

  <div item-end >
      <ion-item *ngFor="let count of item.stars" no-lines>
        <ion-icon name="star" ></ion-icon>
      </ion-item>
      </div>

but the star icons are displayed as in column rather then one line.

any one can help please? Thanks


#2

Repeat the icon, not the item.


#3

Thanks for your quick reply. you are right. it works.

  <ion-icon *ngFor="let count of item.stars" name="star" item-end ></ion-icon>