Hello,
I tried to implement following example DOCS , for start point I used this DEMO with cats.
However if the item is more complicated, after scrolling all goes too bad.
So my item seems as:
<a class="item my-item"
collection-repeat="item in getContacts()"
collection-item-height="getItemHeight(item)"
collection-item-width="getItemWidth(item)"
ng-href="https://www.google.com/#q={{item.first_name + '+' + item.last_name}}"
ng-style="{'line-height': getItemHeight(item) + 'px'}"
ng-class="{'item-divider': item.isLetter}">
<div class="row">
<div class="col col-30">
<img ng-if="!item.isLetter" ng-src="http://placekitten.com/60/{{55 + ($index % 10)}}">
</div>
<div class="col col-70">
<div class="row">
{{item.letter || (item.first_name+' '+item.last_name)}}
</div>
<div class="row">
{{item.letter || (item.email )}}
</div>
</div>
</div>
</a>
and this is problematic DEMO 2
Thank you,