AngularJS Example:

by nsatija

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div ng-app="demoApp">
  <div ng-controller="ProdCtrl">
    <h1>{Product.Value: '!0',Product.IsCash: true}</h1>
    <span ng-if="( products | filter:{Product:{IsCash:true,Value:'!0.00' }}).length">Quantity</span>
    <div ng-repeat="product in products | filter:{Product:{IsCash:true,Value:'!0.00' }}"> {{product.Product.Name}} #{{product.Product.Id}}</div>
  </div>
</div>

JavaScript

angular.module('demoApp', [])
  .controller('ProdCtrl', function($scope) {
      
     $scope.products = [
     { DisplayOrder: 0,Id: 194, Product: {  Id: 12, IsCash: true,  Name: "Withdrawal Receipts 1 ",  Reconcilliation: -1, Value: 0.20 }}, 
     { DisplayOrder: 0,Id: 195, Product: {  Id: 13, IsCash: true,  Name: "Withdrawal Receipts 2 ",  Reconcilliation: -1, Value: 0.25}},
     { DisplayOrder: 0,Id: 196, Product: {  Id: 14, IsCash: false, Name: "Withdrawal Receipts 3 ",  Reconcilliation: -1, Value: 0.00}}
     ];
  })