remove element from ngrepeat using filter

Question

How can I mark an element in an array as deleted and hide it by using a filter? I tried this but it doesn't work.

<li ng-repeat="user in preferences.users | filter:user.removed">
  <button ng-click="user.removed=1">delete</button>
  {{user.id}}
</li>

Answer 1

Don't use user in your filter, and change to bools:

<div ng-repeat="user in users | filter:{removed:false}">
   <button ng-click="user.removed=true">remove</button>
</div>

edit: here's a working fiddle.

Answer 2

Try setting user.removed to true instead of 1.