ng-ng-show 및 sticky 상태의 ng-infinite-scroll

Question

각도가 너무 새롭습니다. 내 단일 페이지 웹 응용 프로그램에서, 나는 그들 각각에 ng-infinite-scroll이있는 두 개의 탭이 있습니다. 두 개의 탭은 다음과 같이 nav-bar,

<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-view가 있습니다.

<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를 사용하고 싶지 않습니다.

처리 방법은 무엇입니까?

추신. 두 목록에 대해 끈적한 상태를 사용하여 목록 요소의 마스터 세부보기간에 상태를 유지합니다.

Answer 1

에서 https://sroze.github.io/ngInfiniteScroll/documentation.html

무한 스크롤 장애인 (선택 사항) - {부울} - 사실은 infininite 스크롤 표현이 다른 모든 조건이 충족 된 경우에도 평가할 수없는 것을 나타냅니다 것을 부울 식 . 당신이 무한 스크롤을 포함하는 요소를 숨길 NG 쇼 = "showIt"를 사용하려면

, 추가 할 수있는 무한 스크롤 장애인 = "! showIt은"동안 더 많은 항목을로드하려고을 중지 숨겨진.

무한 스크롤하는 div가있는 jsbin example은 스크롤 할 때마다 더 많은 항목을로드하려고하는 숨겨진 무한 스크롤없이 각각 ng-show로 숨길 수 있습니다.