Javascript NgInfiniteScroll和Angular Mobile用户界面

我试图让AngularJS移动用户界面和NGInfiniteScroll玩得很好，但没有用

如果我允许窗口滚动，一切正常，ngInfiniteScroll将持续加载元素

但是，如果我有以下情况：

<style>
    .viewport {
    overflow-y: auto;
    height: 150px;
    -webkit-overflow-scrolling: touch;
}
<div>
<h3>Infinite scrolling</h3>
<div ng-controller="KeepGoingController" >
<div class="viewport" infinite-scroll-parent="true" infinite-scroll="mongoRecipes.nextPage()" infinite-scroll-disabled='mongoRecipes.busy' infinite-scroll-distance='1'>
    <ul>
    <li ng-repeat="r in mongoRecipes.items">
        {{r.name}} - {{r._id.$oid}}
    </li>
    </ul>
    <div ng-show='mongoRecipes.busy'>Loading data...</div>
</div>

.视口{
溢出y：自动；
高度：150像素；
-webkit溢出滚动：触摸；
}
无限滚动


{{r.name}}-{r.\u id.$oid}


正在加载数据。。。

然后什么都不起作用-我在ng-infinite-scroll.js中添加了一个console.log（），确保它得到的是容器元素而不是窗口，并相应地输出

---

我做错了什么？

你做对了吗？我在使用ng ui路由器（ui视图指令）时遇到了同样的问题。似乎传递到

ngInfiniteScroll

指令的元素是真实元素的克隆，因此jQuery无法获取高度。我的滚动工作没有ui视图tho-但我需要视图和路由器，所以我不知所措。可能会使用，因为它可以工作，尽管DataSourceAPI对我来说并不理想。