title: how to NOT display empty objects from JSON file in DOM? Angular
body: <p>I'm using the Meetup API to display members photos</p>
  
  <p>As you can see, some objects don't contain that property so it shows a blank div on my DOM. How can I just grab the json file with only the objects with that property?</p>
  
  <p>or how can i display nothing if the object is empty?</p>
  
  <p>Thanks in advance.</p>
  
  <p>JS</p>
  
  <pre><code>nameAppControllers.controller('MemberCtrl', function($scope, $http) {
      $http.jsonp('https://api.meetup.com/2/members?callback=JSON_CALLBACK&amp;offset=0&amp;format=json&amp;group_id=8247622&amp;only=photo&amp;photo-host=public&amp;page=80&amp;order=joined&amp;sig_')
           .success(function(data) {
               $scope.members = data.results;
               console.log(data.results);
           });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="members" ng-controller="member in members"&gt;
      &lt;div ng-repeat='member in members'&gt;
        &lt;div class='img-circle col-md-4'&gt;
          &lt;img ng-src="{{member.photo.highres_link}}"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>