Javascript 如何防止ng click在短时间内触发

下一个

我是个新手， 以上是我想做的： 当当前页面中没有足够的数据时，我们将无法单击“下一页”按钮（该按钮将被禁用为灰色）。 （假设有35条记录，每页10条，那么我们无法在第4页中单击“下一步”。） 一切看起来都很好，除了： 当我以一种非常快速的方式单击NEXT时，它将转到第5页或第6页而不禁用，当然它们是空页。

---

那么我可以知道是否有办法限制它吗？

您可以在单击后立即禁用它

<button type="button" 
    class="btn btn-primary" 
    ng-click="$parent.paginationInstance.nextPage()" 
    ng-disabled="($parent.dataList && $parent.dataList.length < $parent.paginationInstance.pageSize)">
        Next
</button>

然后添加到就绪状态函数中

button.ngDisabled = true

---

您可以在单击后立即禁用它

<button type="button" 
    class="btn btn-primary" 
    ng-click="$parent.paginationInstance.nextPage()" 
    ng-disabled="($parent.dataList && $parent.dataList.length < $parent.paginationInstance.pageSize)">
        Next
</button>

然后添加到就绪状态函数中

button.ngDisabled = true

---

考虑到只有当下一页的数据可用时才显示按钮。使用<代码> $家长>代码来访问数据和函数是一个更深层次的实现问题的指示。您需要使用

$parent

的原因是什么？也许有更好的方法来做事情。考虑使用只有在下一页可用的数据时才显示按钮。使用<代码> $家长>代码来访问数据和函数是一个更深层次的实现问题的指示。您需要使用

$parent

的原因是什么？也许有更好的方法做事情。