AngularJS复选框过滤在页面加载时不过滤

Question

jsfiddle 在这里：http://jsfiddle.net/jesperlehtinen/dx05bobb/2/

---

我有一个对象列表，我想在页面加载时对其进行过滤。基本上我有一个这样的复选框：

<input type="checkbox" class="form__checkbox" ng-model="filter['processed']">

还有一个项目列表：

<tr data-ng-repeat="card in cards.data | filter:filterByStatus">

要过滤的js在控制器中：

$scope.cards = $scope.$parent.cards;

$scope.filter = {};

$scope.filterByStatus = function(card) {
    return $scope.filter[card.status] || noFilter($scope.filter);
};

function noFilter(filterObj){
    for(var key in filterObj){
        if(filterObj[key]){
            return false;
        }
    }
    return true;
}

现在这行得通，有点。当我加载页面时，复选框未选中，签入执行过滤。但是，我希望在加载时检查复选框，并进行过滤。使用ng-checked="true" 使其被选中，但它不执行实际的过滤。如何使用一个值（或函数）初始化复选框，使其在页面加载时被检查并执行过滤？

Answer 1

我意识到这就像使用默认过滤器值设置为 true 来初始化过滤器一样简单。所以$scope.filter = {}; 变成了$scope.filter = {'Active':true};。

Answer 2

使用 ng-init 将复选框的 ng-model 初始化为 true。