When i put collectionRepeat in a ionScroll it disappear!


#1

Using the same exemple of demo on (http://ionicframework.com/docs/api/directive/collectionRepeat/) its work fine.

But i need a card stucked on the top of list, so i put repeat inside a ion-scroll, but when run the list desappear.

<body ng-controller="MainCtrl">
<ion-header-bar class="bar-calm">
    <h1 class="title">dictionary</h1>
</ion-header-bar>
<ion-header-bar class="bar-light bar-subheader">
    <input type="search" placeholder="search..." ng-model="search" ng-change="scrollTop()">
    <button ng-if="search.length" class="button button-icon ion-android-close input-button" ng-click="clearSearch()">
    </button>
</ion-header-bar>
<ion-content scroll="false">
    <div class="card">
        <div class="item">
            <h2>{{result.Key}}</h2>
            <em>{{result.Value}}</em>
        </div>
    </div>
    <ion-scroll>
        <div class="list">
            <a class="item my-item" ng-click="showValueOnCard(item)" collection-repeat="item in getContacts()" collection-item-height="getItemHeight(item)" collection-item-width="100 + '%'" ng-href="#" ng-style="{'line-height': getItemHeight(item) + 'px'}" ng-class="{'item-divider': item.isLetter}">
                {{item.letter || (item.Key)}}
            </a>
        </div>
    </ion-scroll>
</ion-content>

i miss something?? i put no property/option on ion-scroll, and the list/collectionRepeat still is the same of ionic demo.

Thanks!!


#2

FIXED, thanks!

I set the height to 100% and works!


#3

Glad to see you got this resolved!


#4

What exactly did you set the height off?


#5

In
but then i create a class, and put on css file. i review the documentation on ionic site and i didn’t find nothing about it