Angular 自定义过滤器在服务器上不起作用

Question

我正在学习 Angular，所以我创建了休闲待办事项应用程序。自定义过滤器在 localhost 上有效，而在托管时则无效。我没有收到任何错误消息，也没有显示数据。如果我从li 中删除taskPriority:this，数据显示这意味着服务器上一切正常，但是，当然，过滤不起作用。我将范围（this）传递给过滤器。

<li ng-repeat="task in tasks | taskPriority:this | filter:taskname as ukupno track by $index">
    <input class="edit_task" ng-blur="editTask(task.id, task.task)" ng-model="task.task" value="{{ task.task }}" type="text">
</li>

过滤器检查数组 fSPriorites 中是否有优先级 (1,2,3) 匹配任务中的优先级，如果是则返回这些任务。

angular.module('TaskFilter', []).filter('taskPriority', function() {
    return function(task, scope) {
        var filtered = [];
        angular.forEach(task, function(task) {
            if($.inArray(task.priority, scope.fSPriorites) != -1)
                filtered.push(task);
        });
        return filtered;
    };
});

我该如何调试？

Answer 1

我不明白您为什么要将范围传递给文件过滤器。这不是一个好习惯。试试下面的代码。

HTML

<li ng-repeat="task in tasks | taskPriority:this.fSPriorites | filter:taskname as ukupno track by $index">
    <input class="edit_task" ng-blur="editTask(task.id, task.task)" ng-model="task.task" value="{{ task.task }}" type="text">
</li>

过滤器

angular.module('TaskFilter', []).filter('taskPriority', function() {
    return function(task, fSPriorites) {
        var filtered = [];
        angular.forEach(task, function(task) {
            if($.inArray(task.priority, fSPriorites) != -1)
                filtered.push(task);
        });
        return filtered;
    };
});

希望这可以帮助你。谢谢，