НГ-бесконечные прокрутки с НГ-шоу и липкий государств

Я новичок в angular. В моем одностраничном веб-приложении у меня есть две вкладки с 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>

И каждая вкладка находится в двух представлениях пользовательского интерфейса, как показано ниже.

<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, потому что я хочу поддерживать состояние прокрутки списков.

Как обращаться вот это?

ПС. я использую липкие состояния для обоих списков, чтобы поддерживать состояния между основным детальным представлением элементов списка.

1 2
angularjs angular-ui-router infinite-scroll ng-show

1 ответ:

Из https://sroze.github.io/ngInfiniteScroll/documentation.html

Infinite-scroll-disabled (optional) - {boolean} - логическое выражение, которое при значении true указывает, что выражение infininite scroll не должно вычисляться, даже если выполняются все остальные условия.

Если вы хотите использовать ng-show="showIt", чтобы скрыть элемент, содержащий бесконечную прокрутку, вы можете добавить infinite-scroll-disabled="!showIt", чтобы остановить его от попыток загрузить больше элементов в то время как скрытый.

Вот пример jsbin с 2 бесконечными скроллинговыми дивами, которые могут быть скрыты с помощью ng-show без скрытого бесконечного свитка, пытающегося загружать больше элементов каждый раз, когда вы прокручиваете.

1