title: Hide table rows in angular Js
body: <p>I have a table, I am already given it CSS using ng-class if they satisfy a condition. Now I want to show only those rows who satisfy the same condition on a  button click. I have wrote a controller which checks if the data received is within 24 hours are not and marks the data cell. Until this it's working.Now I need to add a button and show only the row which has this td marked as not received in time.</p>
  
  <pre><code>&lt;tbody&gt;
  
         &lt;tr ng-repeat ="data in log"&gt;
              &lt;td&gt;{{data.UniqueId}}&lt;/td&gt;
              &lt;td&gt;{{data.Name}}&lt;/td&gt;
              &lt;td ng-class ="{'data-notreceived' : dataNotReceived('data.receivedTime')}"&gt;{{data.receivedTime
          }}
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>