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
.
after adding item-icon-right
ion-tem
tag , <i class="icon ion-chevron-right icon-accessory"></i>
, looks this:
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">★</span><span ng-repeat="n in [] | range: 5-item.rating" class="dark">★</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
Post a Comment