Problem displaying a list after trying to migrate from ngRepeat to collectionRepeat

ionic-v1
1

I am trying to migrate from this:

   <a  class="item item-thumbnail-left"
     ng-repeat="item in items" >
        <img class="icon" >
        <h2>{{item.name}}</h2>
        <p style="font-style:italic;" class="item-titulo">{{item.date | date: 'medium'}}</p>
    </a>

to this:

  <a class="item item-thumbnail-left"
  collection-repeat="item in items" 
  collection-item-height="'20%'"
  collection-item-width="'100%'">
   <img class="icon" />
   <h2>{{item.name}}</h2>
   <p style="font-style:italic;" class="item-titulo" >{{item.date | date: 'medium'}}</p>
</a>

But it doesnt work, it doesnt display the list, despite the code appears in the chrome console.

A lot of thanks in advance.

Hope you can help me.

2

Do you have a ng-if or ng-show wrapping the items? Also, make sure you add this styling to the item:

.list .my-item.item {
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0; 
}
3

I have an ng-show from the list but the expression inside is evaluating to true.

4

Does removing the ng-show fix the problem? If not, can you put your code in a codepen? There is an example of a collection-repeat here: http://codepen.io/anon/pen/DLuEc

5

Reading the documentation i found out i cant use ng-show if i am using collection repeat. Then i have a doubt: I am displaying the list (represented by the collection repeat that i am trying to make it work) depending of a condition thats why i need to use the ng-show,what is the solution if i cant use the ng-show ?

A lot of thanks in advance!