Angular 1 filter array not updating

Question

I really wish I was doing something wrong here. Please see my js bin. http://jsbin.com/benewetewe/1/edit?html,js,output

Some user-story:

When I check items and click "archive", it filters all "bought:true" away.
When I click the "show history", it shows back all items whether its "bought:true" or not.
But I noticed a problem, when I add new item in the list and click "archive", the new item is hid even if it's not yet "bought:true".
But If I try to select & de-select the new item, it will now be part of the hid items when "archive" is clicked.

Anything I missed?

Thanks!

Tom Shen · Accepted Answer · 2016-06-10 11:17:26Z

1

You have a small typo in your code, which caused the problem :

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

Add a letter 't' to fix all your problems ;)

answered Jun 10, 2016 at 11:17

Tom Shen

1,0453 gold badges11 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ken lacoste Over a year ago

thanks, knew it i'm doing something not right..darn it _

Collectives™ on Stack Overflow

Angular 1 filter array not updating

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related