in my `ng-repeat` list I am displaying object elements from an object array `$scope.toBuy`:

```
$scope.toBuy=[
             cookies={
                name:'cookies',quantity:0,bought:false
            },
            water={
                name:'water',quantity:0,bought:false
            },
            bananas={
                name:'bananas',quantity:0,bought:false
            },
            milk={
                name:'milk',quantity:0,bought:false
            },
            coconut={
                name:'coconut',quantity:0,bought:false
            }
        ];

```

and I initialize all element's `bought` field to `false`. How do I display in a `ng-repeat` list that only shows elements that have `false` value in their `bought` field? I tried this:

```
<ul>
         <li ng-repeat="item in toBuy |  filter:{item.bought===false }">Buy 10 {{item.quantity}} {{item.name}} <button class="btn btn-default" ng-click="btnOnClick(item.name)"> Bought</button></li>

     </ul>

```

but none of the elements displayed when the page is loaded. If I removed the filter, the whole list displays, which means I applied the filter wrong.