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个项目，现在切换回 segment button 1 ，现在有6个项目，最后一个项目的末尾有一个很大的空格再次显示一段时间后，空格和滚动消失，使其再次恢复正常。

感谢您的帮助。

在ionic中切换分段选项卡时，Content Scroll（垂直）未正确更新

0 个答案: