ionic framework - Ion-item rendering incorrectly when it picks up 2 icons -


is there way display right chevron on list item star icon?

code far:

<ion-list>     <ion-item class="item item-avatar item-icon-right" href="#" ng-repeat="item in reviewlist" >         <img src="img/ionic.png">         <i class="icon ion-star energized" ng-repeat="n in [] | range: item.rating"></i><i class="icon ion-star dark" ng-repeat="n in [] | range: 5-item.rating"></i>         <strong>{{item.title}}</strong>         <p>{{item.review}}</p>         <p>{{item.date}} {{item.firstname}} {{item.lastname}}</p>         <i class="icon ion-chevron-right icon-accessory"></i>     </ion-item> <ion-list> 

this getting:

before adding item-icon-right ion-tem tag , <i class="icon ion-chevron-right icon-accessory"></i>, looks fine. want add ion-chevron-right.

enter image description here

after adding item-icon-right ion-tem tag , <i class="icon ion-chevron-right icon-accessory"></i>, looks this:

enter image description here

i managed fix doing following:

    <ion-list>         <ion-item class="item item item-avatar item-icon-right" href="#" ng-repeat="item in reviewlist" >             <img src="img/ionic.png">             <p>                 <span ng-repeat="n in [] | range: item.rating" class="energized">&#9733;</span><span ng-repeat="n in [] | range: 5-item.rating" class="dark">&#9733;</span>                 <strong>{{item.title}}</strong>                 <p>{{item.review}}</p>                 <p><small>{{item.date}} {{item.firstname}} {{item.lastname}}</small></p>             <p>             <i class="icon ion-chevron-right icon-accessory"></i>          </ion-item>     <ion-list> 

Comments

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -