Content Scroll (по вертикали) не обновляется правильно при переключении сегментированных вкладок в ионные

Question

Я использую следующие сегментированные вкладки, где использую on-select , чтобы узнать индекс кнопок и назначить этот индекс переменной контроллера $ scope.selectedIndex ниже

<ti-segmented-control on-select="buttonClicked($index)">
    <ti-segmented-control-button selected>
    </ti-segmented-control-button>
</ti-segmented-control>

Теперь я использую ng-if для отображения содержимого на основе выбранного сегментированного индекса кнопки.

<div ng-if="selectedIndex==0">
    <ion-list ng-repeat="item in firstSegmentItems">
        <ion-item ng-click="navigateToItems(item)">
            <span> {{item.name}} </span>
        </ion-item>
    </ion-list>
</div>

<div ng-if="selectedIndex==1">
    <ion-list ng-repeat="item in secondSegmentItems">
        <ion-item ng-click="navigateToItems(item)">
            <span> {{item.name}} </span>
        </ion-item>
    </ion-list>
</div>

Код моего контроллера:

$scope.buttonClicked = function (index) {
        $scope.selectedIndex = index;
        $scope.$apply();
};

Проблема заключается в том, что в первом сегменте контента содержится 6 элементов, а теперь, когда я выбираю кнопку сегмента 2 .который имеет 15 предметов.В течение некоторого времени прокрутка не происходит. Через некоторое время ее прокрутка до 15 пунктов, теперь я переключаюсь назад на кнопку сегмента 1 , Теперь есть 6 пунктов, где в конце последнего элемента есть огромный пробел ипоявляется прокрутка. Через некоторое время снова появятся пробелы и прокрутка, что делает его снова нормальным.

Любая помощь приветствуется.