Angular 1 Filter Array nicht aktualisiert

Question

Ich wünschte wirklich, ich würde hier etwas falsch machen. Bitte sehen Sie meine js-bin. http://jsbin.com/benewetewe/1/edit?html,js,output

Einige Benutzer-Geschichte:

1. Wenn ich Artikel überprüfen und klicken Sie auf "Archiv", es filtert alle "gekauft: true" entfernt.
2. Wenn ich auf "show history" klicke, werden alle Elemente angezeigt, egal ob "gekauftes: true" oder nicht.
3. Aber ich bemerkte ein Problem, wenn ich neue Artikel in der Liste hinzufügen und klicken Sie auf "Archiv", der neue Artikel wird versteckt, auch wenn es noch nicht "gekauft: wahr".
4. Aber wenn ich versuche, & die Auswahl des neuen Elements zu entfernen, wird es jetzt Teil der versteckten Elemente sein, wenn "Archiv" angeklickt wird.

Alles was ich verpasst habe?

Danke!

Answer 1

Sie haben einen kleinen Tippfehler in Ihrem Code, der das Problem verursacht:

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

hinzufügen Buchstaben ‚t‘ alle Probleme zu beheben;)