【问题标题】:AngularJS Search & Show More ResultsAngularJS 搜索并显示更多结果
【发布时间】:2017-12-30 01:44:58
【问题描述】:

我的角度搜索和显示更多按钮有问题,有时显示更多按钮会隐藏,有时不会。 我创建了一个小插件,以便您了解我的意思,只需搜索一些内容(例如“nav”或“ios”)并单击按钮即可查看我的问题Plunker

<div class="show-more-wrapper">
<button class="show-more-btn" ng-hide="results.length === labs.length" ng-click="limit = limit +3">Mehr anzeigen...</button>
</div>

提前致谢

【问题讨论】:

  • 因为您的图片需要时间来加载,图片加载后您的更多按钮会关闭
  • 似乎对我有用

标签: javascript angularjs search filter


【解决方案1】:

这是因为您的 ng-show 将显示结果数量是否等于实验室数量。如果结果的数量(包括分页)少于实验室的数量,那将永远不会正确。

按照您的代码,正确的逻辑是这样的:

<div class="show-more-wrapper">
    <button class="show-more-btn" ng-hide="results.length === (labs | filter:search).length" ng-click="limit = limit +3">Mehr anzeigen...</button>
</div>

如果显示的结果数等于过滤器找到的记录数...则无需查找更多内容。

分叉plunker

【讨论】: