Onsen-ui动态旋转木马

Question

当你接近底部时，我试图动态更新旋转木马。

它正在工作但是当数据被更新以添加更多行时（在初始设置之后），旋转木马被搞砸了（错误的索引，不会正确跳转）。

我确定这可能会更好，有点新意，请原谅我，任何帮助都会受到赞赏。

JS：

(function() {
    var rows=0;
    var app = angular.module('myApp', ['onsen']);

    function addrows($scope, $http){
        $http.get('/data').success(function(data) {
            angular.forEach(data, function(value, key) {
                angular.element(document.getElementById('updatediv')).append("<ons-carousel-item></ons-carousel-item>");
                rows++;
            });
            myCarousel.refresh();
        });
    }

    app.controller('DemoCtrl', function($scope, $http) {
        addrows($scope, $http);

        setTimeout(function(){
            myCarousel.on('postchange', function(){
                if(myCarousel.getActiveCarouselItemIndex() == rows-2){
                addrows($scope, $http);
                }
            });
        }, 1000);
    });
})();

HTML

<ons-carousel var="myCarousel" id="updatediv"  style="width: 100%; height: 100%" direction="vertical" fullscreen="true" auto-scroll="true"></ons-carousel>