Javascript AngularJS ng无限滚动不在特定容器/分区上工作

我在阅读了多篇关于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;">

我做错了什么？

从中的答案来看，您似乎忘记了双引号：

本例中无限滚动容器的值为 双引号类名。内容用单引号包装。如果 读取源代码后，字符串值最终会被输入到 document.querySelector。您可以阅读相关文档以查看 它所期望的价值

如果没有双引号，

。课程注册好友

将作为变量名传入，而不是作为所需的字符串传入

所以

而不是

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

---

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

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

我在文档中找不到任何对

无限滚动容器='.课程注册朋友'

的引用。那是从哪里来的？嘿，谢谢你的回答。虽然我希望你能抓住这个问题，但它仍然不起作用。。。我猜我在某个地方做了些错事

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