私はngInfiniteScrollを動作させようとしていますが、無駄にしています - Plunker。スクロール・イベントは、ページ・ロード時にのみトリガーされ、その後は何もトリガーされないようです。誰でも光を放つことができますか?ngInfiniteScrollが機能しない
私は何も働いていない、様々な組み合わせを試してみました:
infinite-scroll='loadMore()' infinite-scroll-distance='2' infinite-scroll-container="'#list-wrapper'"
infinite-scroll='loadMore()' infinite-scroll-distance='2' infinite-scroll-parent
infinite-scroll='loadMore()' infinite-scroll-distance='2'
HTML:
<body ng-app="app" ng-controller="listController">
<div id="list-wrapper">
<div class="list" infinite-scroll='loadMore()'
infinite-scroll-distance='2'
infinite-scroll-container="'#list-wrapper'">
<div class="header">
</div>
<div class="list-table" >
<table class="table">
<tbody>
<tr ng-repeat="item in infiniteList">
<td style="width:100%">
<div>{{item}}</div>
</td>
</tr>
</tbody>
</table>
</div>
<div style='clear: both;'></div>
</div>
</div>
JS:
var app = angular.module("app", ['infinite-scroll']);
app.controller('listController', ['$scope','$http', function ($scope,$http) {
$scope.infiniteList = [];
$scope.incr = 1;
$scope.loadMore = function(){
console.log("scroll");
for(var i = 0; i< 30; i++){
$scope.infiniteList.push("Item " + $scope.incr);
$scope.incr +=1;
}
};
}]);
をインストールし、私はこの問題でいくつかのトラブルがあったが、私もバージョン番号を確認しませんでした私はnugetからjsファイルを入手したので、彼らは最新のバージョンだと思っていましたが、2013年からでした。最新のコードでファイルの内容を変更し、あなたの例で変更したように問題を修正しました – bokkie