AngularJS ng-infinite-scroll 不适用于特定的容器/div答案

【问题标题】：AngularJS ng-infinite-scroll not working on a specific container/divAngularJS ng-infinite-scroll 不适用于特定的容器/div
【发布时间】：2016-05-15 12:29:47
【问题描述】：

我在阅读了多篇关于 ng-infinite-scroll 的帖子后编写了这段代码

<div class="course-enrollment-friends" ng-class="{'friends-paginated':showMoreFriends}">
    <div class="row" id="enrollment-friends" ng-show="!noFriends">
        <div
         infinite-scroll="enrollCtrl.retYearAndSem()"
         infinite-scroll-disabled='!{{showMoreFriends}}'
         infinite-scroll-parent='true'>
            <div class="col-md-2" ng-repeat="friend in friends" style="margin-bottom:10px;">

但是这不起作用。所以我尝试了一些稍微不同的方法

<div class="course-enrollment-friends" ng-class="{'friends-paginated':showMoreFriends}">
    <div class="row" id="enrollment-friends" ng-show="!noFriends">
        <div
         infinite-scroll="enrollCtrl.retYearAndSem()"
         infinite-scroll-disabled='!{{showMoreFriends}}'
         infinite-scroll-container='.course-enrollment-friends'>
            <div class="col-md-2" ng-repeat="friend in friends" style="margin-bottom:10px;">

我做错了什么？

【问题讨论】：

我在文档中找不到对infinite-scroll-container='.course-enrollment-friends' 的任何引用。哪里来的？
stackoverflow.com/a/28521884/5088332

标签： javascript angularjs nginfinitescroll

【解决方案1】：

从this thread 的回答看，你好像忘记了双引号：

本例中的infinite-scroll-container的值为双引号类名 .content 然后用单引号括起来。如果您阅读了源代码，字符串值最终会被输入文档.querySelector。您可以阅读相关文档以查看它期望什么值。

没有双引号 .course-enrollment-friends 作为变量名传入，而不是作为所需的字符串。

所以

infinite-scroll-container='".course-enrollment-friends"'

而不是

infinite-scroll-container='.course-enrollment-friends'

【讨论】：

您好，谢谢您的回复。虽然我希望你发现了这个问题，但它仍然没有工作......我猜我在某处的 div 上做错了

【解决方案2】：

尝试删除无限滚动禁用中给出的值周围的大括号。使用：

<div
     infinite-scroll="enrollCtrl.retYearAndSem()"
     infinite-scroll-disabled='!showMoreFriends'
     infinite-scroll-container='.course-enrollment-friends'>

而不是：

<div
     infinite-scroll="enrollCtrl.retYearAndSem()"
     infinite-scroll-disabled='!{{showMoreFriends}}'
     infinite-scroll-container='.course-enrollment-friends'>

【讨论】：