AngularJS 搜索并显示更多结果

【问题标题】：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

【讨论】：