Simple right arrow in list not appearing

1

I want to produce the right arrow that is against each of the items in the example here http://ionicframework.com/docs/components/#item-icons

Now i have my html which looks like this

<div class="list">
    <div ng-repeat="item in itemList | filter: filterText">
        <a class="item item-thumbnail-left item-icon-right" href="#/blah/{{item.id}}/0">
            <img ng-if="item.imageUri.length > 0" src="{{ item.imageUri }}" />
            <p class="name">{{item.name}}</p>
            <p>{{item.notes}}</p>
        </a>
    </div>
     <div ng-if="itemList.length == 0">
        <div class="item">No matching records found</div>
     </div>
</div>

But i seem to never get a arrow pointing to the right? Anyone else experiencing this problem??

1 Like
2

Yes I have too, shall be interested to hear what other people say about this.

3

Are you expecting the arrow to be there automatically? You need to specifically apply the arrow since beta 2

4

Ok what class should we use?

5

Taken right from the change log.

<a class="item item-icon-right" href="#">
  Check mail
  <i class="icon ion-chevron-right icon-accessory"></i>
</a>
1 Like
6

Thank you, this works. Would be nice if they could update the docs, as I cant be the only one to refer to the docs for help.

Thanks again

1 Like