title: AngularJS - Filter empty objects
body: <p>I have a $scope.myData object that contain a chunk of data. What i am trying to do is display the data but filter out the nulls and empty strings:</p>
  
  <pre><code>$scope.myData = [
      {
         "ID" : "001",
         "Message" : "test test test test"
      },
      {
         "ID" : "002",
         "Message" : "test test test test"
      },
      {
         "ID" : "003",
         "Message" : "test test test test"
      },
      {
         "ID" : "004",
         "Message" : "test test test test"
      },
      {
         "ID" : "005",
         "Message" : " "
      },
      {
         "ID" : "006",
         "Message" : "test test test test"
      },
      {
         "ID" : "007",
         "Message" : "test test test test"
      },
      {
         "ID" : "007",
         "Message" : null
      }
  ]
  </code></pre>
  
  <p>I can perform an ng-repeat on the above and filter null's via:</p>
  
  <pre><code>&lt;div ng-repeat="data in myData | filter:{Message: '!!'}"&gt;
      {{ data.ID }}
      {{ data.Message }}
  &lt;/div&gt;
  </code></pre>
  
  <p>But how can i filter the empty strings e.g:</p>
  
  <pre><code>"Message" : " "
  </code></pre>
  
  <p>Thanks</p>