AngularJS ng-无限-滚动不工作在特定的容器/div上

Question

我在阅读了多篇关于ng-无穷大卷轴的文章后编写了这段代码。

<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;">

我做错了什么？

Answer 1

从this thread中的答案看，你似乎忘记了双引号：

在本例中，无限滚动容器的值是双引号的类名.content，然后用单引号包装。如果读取源，字符串值最终会被输入到document.querySelector中。您可以阅读有关这方面的文档，以查看它期望的值。

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

所以

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

而不是

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

Answer 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'>