feat: How do you trigger a collection-repeat resize() in v1.0.0-rc0?

[mixersoft]

Type: feat

Platform: all

I'm not sure if this is a bug or not, but in beta14 I was able to force the collection-repeat directive to recalculate dimensions and re-render with a call like this, $ionicScrollDelegate.$getByHandle('collection-repeat-wrap').resize(). This no longer seems to work with the new, refactored collection-repeat from 1.0.0-rc0

    $ionicScrollDelegate.$getByHandle('collection-repeat-wrap').resize()
   // trying to get collection-repeat directive to run this code:
    var onWindowResize = ionic.animationFrameThrottle(validateResize);
    angular.element($window).on('resize', onWindowResize);

     <ion-content delegate-handle="collection-repeat-wrap">
      <div collection-repeat="item in items">
        ...
      </div>
    </ion-content>

Is there a better way to do this?

[ajoslin]

Try triggering a resize on the window.

angular.element($window).triggerHandler('resize');

[mixersoft]

i tried it. it doesn't work because of this method - it there an easy way to add a --force option?

function validateResize() {
  var h = scrollView.__clientHeight, w = scrollView.__clientWidth;
  if (w && h && (validateResize.height !== h || validateResize.width !== w)) {
    validateResize.height = h;
    validateResize.width = w;
    refreshDimensions();
  }
}

[mixersoft]

I added this these lines to the directive for now, but there has to be a better way

var onWindowResize = ionic.animationFrameThrottle(validateResize);
angular.element($window).on('resize', onWindowResize);
// force collection-repeat refresh with a call to:
//    angular.element($window).triggerHandler('resize.collection-repeat');
var onWindowResizeFORCE = ionic.animationFrameThrottle(refreshDimensions);
angular.element($window).on('resize.collection-repeat', onWindowResizeFORCE);

[zarko-tg]

Made a small test case: http://codepen.io/zarko/pen/VYEQZM

[ajoslin]

Ah you're right that won't work. I'll add a better way.
On Thu, Mar 12, 2015 at 07:04 Zarko Hristovski notifications@github.com
wrote:

Made a small test case: http://codepen.io/zarko/pen/VYEQZM

—
Reply to this email directly or view it on GitHub
#3292 (comment).

[ajoslin]

It now refreshes dimensions when $ionicScrollDelegate.resize() is called. Thanks!

[zarko-tg]

Thanks. I also updated the codepen and seems just fine now.

[Fayozjon]

Zarko

http://sustainabletechknow.com/youtube_range

13.03.2015, 01:54, "Zarko Hristovski" notifications@github.com:Thanks. I also updated the codepen and seems just fine now.

—Reply to this email directly or .