Angularjs 带有ng显示和粘性状态的ng无限滚动条

Angularjs 带有ng显示和粘性状态的ng无限滚动条,angularjs,angular-ui-router,infinite-scroll,ng-show,nginfinitescroll,Angularjs,Angular Ui Router,Infinite Scroll,Ng Show,Nginfinitescroll,我是个新手。在我的单页web应用程序中,我有两个选项卡,每个选项卡上都有ng无限滚动。使用导航条在两个选项卡之间移动 <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-

我是个新手。在我的单页web应用程序中,我有两个选项卡,每个选项卡上都有ng无限滚动。使用导航条在两个选项卡之间移动

    <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,因为我想保持列表的滚动状态

如何处理

另外,我对两个列表都使用粘性状态来维护列表元素的主细节视图之间的状态

来自

无限滚动禁用(可选)-{boolean}-一个布尔表达式,如果为true,则表示即使满足所有其他条件,也不应计算infininite滚动表达式

如果要使用ng show=“showIt”隐藏包含无限滚动的元素,可以添加无限滚动禁用=“!showIt”以阻止它在隐藏时尝试加载更多项目


这里有两个无限滚动div,每个都可以用ng show隐藏,而隐藏的无限滚动在每次滚动时都不会尝试加载更多的项目。

使用
ng class
也许吧?有什么问题吗?@Ladmerc我不知道如何让两个滚动条都工作。这里的文档说明您应该定义
;假设您已在中定义了
myPagingFunction
controller@Ladmerc这些功能被正确触发。问题在于触发的时间。触发器被触发多次,因为一个div的高度被设置为0,因为ng显示了如何在每个div之间切换时保持其滚动状态?