How to refresh heights in collection-repeat?

I am using an ng-if inside my collection-repeat markup which will change the item’s height. How can I get collection-repeat to update heights using getItemHeights() when the values change? It only seems to run on initialize.

        collection-repeat="item in items"
        collection-item-height="getItemHeight(item, $index)"
          <div class="card">
            <div class="item item-divider item-stable"
            <div class="item item-image">
              <img ng-src="{{item.src}}" height="{{item.height}}">

Here is a hack that seems to work, but can someone help me make this more “angular” friendly?

       // searching for the <ion-content class="ionic-scroll"> that wraps the collection-repeat
       // fire 'scroll.resize' to call renderOnResize() in collection-repeat
        element = document.getElementsByClassName('class-that-wraps-collection-repeat')
        ionScroll = ionic.DomUtil.getParentOrSelfWithClass(element.item(0), 'ionic-scroll')
        if ionScroll
          $timeout ()->
            , 0

<div class="class-that-wraps-collection-repeat">
  <div collection-repeat="item in items" collection-item-height="getHeight(item,$index)">


Very nice trick! I had similar problem were I need to change height of collection-repeat container, but it still keep showing only items that were visible initially (until you start scrolling or change size of browser).

No longer working in 1.0.0.rc0, but fixed in nightly. see: