带有ng-show和粘滞状态的ng-infinite-scroll

时间:2016-11-26 11:58:44

标签: angularjs angular-ui-router infinite-scroll ng-show nginfinitescroll

我是棱角分明的新人。在我的单页Web应用程序中,我有两个选项卡,每个选项卡都有ng-infinite-scroll。使用导航栏

遍历两个选项卡
    <div ng-show="$state.includes('base.videolist')||$state.includes('base.movielist')  ">
<ul class="nav navbar-fixed-top roboto nav-tabs">
   <li ui-sref="base.videolist" ui-sref-active="active"><a>Videos</a></li>
   <li ui-sref="base.movielist" ui-sref-active="active"><a>Movies</a></li>
</ul>
</div>

,每个标签位于两个ui视图中,如下所示。

<div id="bvl" ui-view="videolist" ng-show="$state.includes('base.videolist')"></div>
<div id="bml" ui-view="movielist" ng-show="$state.includes('base.movielist')"></div>

使用ng-show时,隐藏div的高度按角度设置为0。从而无限地触发无限滚动。

我不想使用ng-if因为我想维护列表的滚动状态。

如何处理?

PS。我为这两个列表使用粘性状态来维护列表元素的主详细信息视图之间的状态。

0 个答案:

没有答案