使用angular.js |加载更多分页按钮不隐藏

Question

我对AngularJS（ng-repeat）的分页有疑问。

事情是点击按钮后一切正常，其他“预测”加载。但是当没有更多东西要显示时，按钮仍会显示出来。

也许有人可以在我的代码中找到错误。

链接到应用程序：https://sportpredictions.firebaseapp.com/#/

GitHub上的源代码：https://github.com/NiR-IT/tennispredictions（专门针对分页的代码位于scripts/controllers/browse.js和views/browse.html文件中。

$scope.hasMoreItemsToShow = function(prediction) {
    return pagesShown < ($scope.predictions.length / pageSize);
};

我认为问题必定存在于此处。

Answer 1

line 46上的模板中有拼写错误：

<button ng-hide="hosMoreItemsToShow()" ng-click="showMoreItems()" class="btn btn-primary">Load More</button>

注意hosMoreItemsToShow - 它应该是hasMoreItemsToShow。