angularjs过滤器错误

debugcn 发表于 Dev

fred.maye.v.stackoverflow

基于此jsfiddle：http : //jsfiddle.net/2ZzZB/56/

我为我的应用添加了过滤器解决方案：http : //www.monde-du-rat.fr/zombieReport/popup.html#/ratousearch（ctrl：http : //www.monde-du-rat.fr/zombieReport/资源/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，在控制器中过滤：

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

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

Dapeng Li

似乎范围内的帖子模型来自RatousearchCtrl吗？在该控制器中，scope.posts最初设置为空对象，并且从不更新。

这似乎是原因所在岗位在NG-重复“在帖子后”没有定义，这是价值得到了传递给startFrom过滤器。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。