ngRepeat shows too many elements during a substitution

[mgol]

I have an ngRepeat over the $scope.ranges[world] object that defines tabs (the lower, smaller ones in the video) where:

$scope.ranges = {
    front: [
        {name: 'items', url: '/library/'},
    ],
    search: [
        {name: 'items', url: '/library/'},
        {name: 'collections', url: '/library/'},
    ],
    user: [
        {name: 'items', url: '/my-library/' },
        {name: 'notes', url: '/my-library/' },
    ],
};

When I switch the large tabs and - subsequently - the world variable changes, I get a flashy effect where for a moment (depending on $digest time) I see both previous and next $scope.ranges[world] collections, causing an ugly effect of showing too many tabs.

You can see that it depends on $digest time as the effect lasts much longer when switching to the second tab which has a much larger scope. The third tab hardly contains any data but the effect is still noticeable even on a fast machine.

See the linked video, the effect is very noticeable: http://www.youtube.com/watch?v=BY2igj_LbJ4

[mgol]

Seems to be a dupe of #3613

[mgol]

It works fine on current master. I'm closing this.