title: Angular ng-repeat not show empty object attributes
body: <p>I am trying to loop through using the data below in angular ng-repeat</p>
  
  <pre><code>{
  
      "qid": "173995X306X4091",
      "gid": null,
      "comments": "Milestone1: Here is the milestone1details",
      "owner": "Me",
      "targetdate": "28-10-2016"
  
  },
  {
  
      "qid": "173995X306X4101",
      "gid": null,
      "comments": "",
      "owner": "",
      "targetdate": ""
  }
  </code></pre>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>  &lt;div class="modal-body" ng-repeat="milestone in milestones "&gt;
      &lt;table class="table table-striped"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Milestone &lt;/th&gt;
              &lt;th&gt;Milestone Owner&lt;/th&gt;
              &lt;th&gt;Milestone Target date&lt;/th&gt;
          &lt;/tr&gt;
  
          &lt;/thead&gt;
          &lt;tr&gt;
              &lt;td&gt;{{milestone.comments  }} &lt;/td&gt;
              &lt;td&gt;{{milestone.owner  }}&lt;/td&gt;
              &lt;td&gt;{{milestone.targetdate  }}&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I don't want the empty attributes to show :
  like the below for second object</p>
  
  <pre><code>   &lt;table class="table table-striped"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Milestone &lt;/th&gt;
              &lt;th&gt;Milestone Owner&lt;/th&gt;
              &lt;th&gt;Milestone Target date&lt;/th&gt;
          &lt;/tr&gt;
  
          &lt;/thead&gt;
          &lt;tbody&gt;&lt;tr&gt;
              &lt;td class="ng-binding"&gt; &lt;/td&gt;
              &lt;td class="ng-binding"&gt;&lt;/td&gt;
              &lt;td class="ng-binding"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
     &lt;/table&gt;
  </code></pre>
  
  <p>How can I do this?
  Thanks </p>