AngularJS Filter not playing ball - angularjs

Question

Being new to the Angular framework I started my project using the angularSeed download. I have services and directives working fine but today I needed a filter and I just can't seem to get one working.
I have set up JSFiddle with a basic example of my setup and commented out my filter call because its causing errors. I simply want to filter out qty = 0, your experience would be much appreciated; :-)
<div ng:app="myApp">
<div ng-controller="myCtrl">
<!-- div ng-repeat="item in items | {filter : notZero}" -->
<div ng-repeat="item in items" >
<strong>{{item.title}}</strong> {{item.qty}}
</div>
</div>
</div>
and the JS
angular.module('myApp', [
'myApp.controllers',
'myApp.filters'
]);
angular.module('myApp.filters', [])
.filter('notZero', function() {
return function( items, condition) {
console.log( items, condition);
};
});
angular.module('myApp.controllers', [])
.controller('myCtrl', function($scope) {
$scope.items = [
{
"title":"40cm",
"qty":3
},
{
"title":"55cm",
"qty":2
},
{
"title":"60cm",
"qty":0
},
{
"title":"70cm",
"qty":4
}
];
});

Answer 1

Couple of ways to approach this:
You can have ng-repeat modified as: ng-repeat="item in
items|filter:{qty: '!0'}"
Write your own filter which checks the qty is greater than zero.
Use ng-if: <div ng-if="item.qty > 0"><strong>{{item.title}}</strong> {{item.qty}}</div>

Answer 2

EDIT:
define an app filter this way:
myApp.filter('qtyNotZero', function() {
return function(items) {
var afterFilter = [];
for (var i = 0; i < items.length; i++){
if(item[i].qty != 0)
afterFilter.push(item[i]);
}
return afterFilter;
};
});
and then simply:
<div ng-repeat="item in items | filter: qtyNotZero>
The filter should be applied for the qty:
<div ng-repeat="item in items | filter: {qty: '!0'}">
Or, if you have a more complicated filter, this way you can filter with your own logic:
<div ng-repeat="item in items" | filter: PositiveQty>
...
$scope.PositiveQty = function(item) {
return item.qty > 0;
}
Anyway, you could also use:
<div ng-show="item.qty">
<strong>{{item.title}}</strong> {{item.qty}}
</div>