无法使用angularjs中的无限滚动调用函数

时间:2017-01-19 12:29:49

标签: javascript jquery angularjs scroll

我正在尝试实现滚动分页,为此我尝试了很多教程,最后发现了这个Tutorial。我按照指示的方式编写了代码但没有获得所需的输出。

HTML:

<tbody infinite-scroll="getMoreData()">
    <tr ng-repeat="amenitydetail in amenitydetails">
        <td class="text-right">{{ currentOffset + $index + 1}}</td>
        <td>{{ amenitydetail.name}}</td> 
        <td>{{ amenitydetail.address}}</td> 
        <td>{{ amenitydetail.phoneNumber}}</td> 
        <td>{{ amenitydetail.mobileNumber}}</td> 
        <td>{{ amenitydetail.city.name}}</td>
        <td>{{ amenitydetail.location.name}}</td> 
        <td>{{ amenitydetail.amenity.name}}</td>             
        <td>{{ amenitydetail.latitude}}</td> 
        <td>{{ amenitydetail.longitude}}</td> 
        <td class="">
            <a data-ui-sref="admin.masters_amenity_detail.edit({ amenity_detailId: amenitydetail.id })"
               class="btn btn-primary">                 
                <i class="fa fa-pencil"></i>
            </a>
            <a data-ui-sref="admin.masters_amenity_detail.delete({ amenity_detailId: amenitydetail.id})"
               class="btn btn-danger">
                <i class="fa fa-trash"></i>
            </a>
        </td>
    </tr>
</tbody>

我的JS如下:

$scope.amenitydetails =     AmenityDetailService.findAmenityDetails(function (amenitydetails) {
            angular.forEach(amenitydetails, function (amenitydetail) {
                amenitydetail.amenity = AmenityService.get({
                    'id': amenitydetail.amenityId
                });
                amenitydetail.location = LocationService.get({
                    'id': amenitydetail.locationId
                });
                amenitydetail.city = CityService.get({
                    'id': amenitydetail.cityId
                });
            });
        });
        $scope.data = $scope.amenitydetails.slice(0, 5);
        $scope.getMoreData = function () {
            console.log("Coming to get more data?");
            $scope.data = $scope.amenitydetails.slice(0, $scope.data.length + 5);
        }

我的日志里面的getMoreData函数没有打印出来。任何人都可以告诉我哪里出错了?

0 个答案:

没有答案