javascript - Angular 分页过滤器错误

Question

我有用于分页的 Angular 过滤器(我使用了这个 link as tutorial ):

publicApp.angularModule.filter('startFrom', function () {
return function(input, start) {
    start = +start; //parse to int
    return input.slice(start);
};

});

我的 HTML 的相关部分如下所示:

 <div data-ng-repeat="item in filteredData = ( data | filter:leaderBoardFilter) | startFrom:currentPage*pageSize | limitTo:pageSize">

尽管一切正常并且符合预期，但我在控制台中收到此错误:

"Error: input is undefined
@http://localhost:1936/MadbarzScripts/Public/PublicMain.js:8:9

错误引用了这一行:

return input.slice(start);

有趣的是，我大多数时候都会遇到错误，但并非总是如此。我怎样才能解决这个问题 ？

Answer 1

过滤器应始终检查其输入的有效性。输入可能是异步操作的结果，因此过滤器无法确定输入在评估时始终是它所期望的。

试试这个:

publicApp.angularModule.filter('startFrom', function () {
    return function(input, start) {
        if (!angular.isArray(input)) {
            return [];
        }
        start = +start; //parse to int
        return input.slice(start);
    };
});