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

I am trying to migrate from this:

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

to this:

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

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.

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; 

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

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:

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!