Angular 1 个过滤器数组未更新

Question

我真的希望我在这里做错了什么。请看我的js bin。 http://jsbin.com/benewetewe/1/edit?html,js,output

一些用户故事：

当我检查项目并单击 "archive" 时，它会过滤掉所有 "bought:true"。
当我点击 "show history" 时，它会显示所有项目，无论是否 "bought:true"。
但是我注意到一个问题，当我在列表中添加新项目并单击 "archive" 时，即使新项目还没有被隐藏 "bought:true"。
但是如果我尝试 select 和删除 select 新项目，当单击 "archive" 时它现在将成为隐藏项目的一部分。

我错过了什么吗？

谢谢！

Answer 1

您的代码中有一个小错字，导致了问题：

$scope.toBuyAddItem = function (toBuyItem) {
    toBuyItem.bough = false;  /* <-- typo : change .bough to .bought */
    $scope.toBuyList.push(toBuyItem);
    $scope.toBuyItem = {};
};

添加一个字母 't' 来解决你所有的问题 ;)

Angular 1 个过滤器数组未更新

Angular 1 filter array not updating

angularjs-scope

angularjs-filter