javascript - 如何过滤显示的数组并重新显示过滤后的列表？

Question

所以我正在创建一个简单的 AngularJS 待办事项列表。我成功地添加了一个列表，但是当我要创建 Controller 来过滤已完成的待办事项并将未完成的待办事项重新显示到屏幕上时，我遇到了一个我无法找出的错误。我认为我的 ng-submit 不工作，因为它无法调用我想在单击按钮时调用的函数。任何帮助将非常感激。

这是我的 html 文件:

<div ng-contoller="CompletedController as completeCtrl">
    <input class="clearbutton" type="submit" value="Clear Completed" ng-submit="completeCtrl.unfinished()"></input>
</div>

和我的 js 文件:

app.controller('CompletedController', function(){
    todoCtrl.currentTodos = [];
    this.unfinished = $filter('filter')(todoCtrl.currentTodos, array, function(currentTodo){
        return !currentTodo.status;
    });
    todoCtrl.currentTodos = this.unfinished;
});

Answer 1

您不能像调用 todoCtrl.currentTodos 那样从另一个 Controller 的范围内访问一个 Controller 的范围。您需要组合 Controller ，或使用服务/工厂在它们之间共享数据。

你的未完成错误，如果我没看错的话，可以通过以下方式解决:

app.controller('CompletedController', function($scope){
    $scope.unfinished = function(){
      //function content
    }
});