javascript - angularjs 过滤器错误

Question

基于这个jsfiddle:http://jsfiddle.net/2ZzZB/56/

我为我的应用程序添加了过滤器解决方案:http://www.monde-du-rat.fr/zombieReport/popup.html#/ratousearch (ctrl:http://www.monde-du-rat.fr/zombieReport/resources/js/controllers/RatousearchCtrl.js)

//We already have a limitTo filter built-in to angular,
//let's make a startFrom filter
app.filter('startFrom', function() {
    return function(input, start) {
        start = +start; //parse to int
        return input.slice(start);
    }
});

查看控制台，开始时出现错误:

TypeError: undefined is not a function
    at http://www.monde-du-rat.fr/zombieReport/resources/js/baseChrome.js:368:22
    at http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:180:297
    at B.| (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:169:248)
    at B.constant (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:179:161)
    at B.| (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:169:253)
    at B.constant (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:179:161)
    at Object.c (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:101:146)
    at m.$digest (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:114:386)
    at m.$apply (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:118:12)
    at k (http://www.monde-du-rat.fr/zombieReport/resources/libs/angularjs/angular-1.3.0-rc.0/angular.min.js:76:374) 

该行是

return input.slice(start);

怎么了？我在 jsfiddle 示例中没有看到错误

<小时/>

HTML:

        <div id="results" ng-show="successLordZR">
            <p class="myTitle">{{ 'TRS_CTRL3_TEXT1' | translate }} :</p>
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="post in posts | startFrom:currentPage*pageSize | limitTo:pageSize">
                    <div class="myClearfix">
                    <p style="float: left;"><span ng-class="{'girl' : post.sex == 'F', 'boy' : post.sex == 'M'}">#</span>&nbsp; {{post.prefixe}} {{post.name}} ({{post.idLord}})</p>
                    <p style="float: right;"><a href="http://lord-rat.org/rats/rat_details.php?id={{post.id}}" title="lien lord" ng-click="createTab('http://lord-rat.org/rats/rat_details.php?id=' + post.id, $event);"><i class="fa fa-link"></i>&nbsp;&nbsp;fiche</a></p>
                    </div>
                </li>
            </ul>
            <div id="pagination">
                <button type="button" class="btn btn-primary btn-xs" ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1"><i class="fa fa-arrow-circle-o-left"></i>&nbsp;&nbsp;{{ 'TRS_CTRL3_PREV' | translate }}&nbsp;</button>
                <span>&nbsp;&nbsp;&nbsp;{{currentPage+1}}/{{numberOfPages()}}&nbsp;&nbsp;&nbsp;</span>
                <button type="button" class="btn btn-primary btn-xs" ng-disabled="currentPage >= posts.length/pageSize - 1" ng-click="currentPage=currentPage+1">&nbsp;{{ 'TRS_CTRL3_NEXT' | translate }}&nbsp;&nbsp;<i class="fa fa-arrow-circle-o-right"></i></button>
            </div>
        </div>

来自 Laravel 的数据 json 示例:http://www.monde-du-rat.fr/lordrest/public/posts_jsonforced

<小时/>

编辑2， Controller 中的过滤器:

            // populate scope
            $scope.posts = response;
            $scope.posts = $filter('startFrom')($scope.currentPage*$scope.pageSize);

过滤器在这里:http://www.monde-du-rat.fr/zombieReport/resources/js/filtersZR.js

Answer 1

似乎范围内的posts模型来自RatousearchCtrl？在该 Controller 中，scope.posts 最初被设置为空对象并且从未更新。

这似乎就是 ng-repeat 'post in posts' 中的 post 未定义的原因，这是传递给 startFrom 过滤器的值。

您可以重新检查帖子应该如何加载吗？