Angular 1 过滤器数组未更新

Question

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

一些用户故事：

1. 当我检查项目并单击“存档”时，它会过滤掉所有“购买：真实”。
2. 当我单击“显示历史记录”时，它会显示所有项目，无论其是否“购买：真实”。
3. 但是我注意到一个问题，当我在列表中添加新项目并单击“存档”时，即使新项目还不是“购买：真实”，它也会被隐藏。
4. 但如果我尝试选择和取消选择新项目，现在单击“存档”时它将成为隐藏项目的一部分。

我错过了什么？

谢谢！

Answer 1

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

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

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