title: AngularJS toggle ng-repeat visibility with checkbox
body: <p>So I have a list of notices in AngularJS which I create with <code>ng-repeat</code>.  The notices have a visibility status which determines whether the notice is shown in the list.  Every notice has controls which allow that notice to be hidden, a simple button that changes the <code>notice.status.visibility</code> to false.</p>
  
  <p>I also have a checkbox input that is supposed to show hidden notices. However, I am unsure on how to implement this and how would it work.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;input type="checkbox" value="Show Hidden" /&gt;
      &lt;li ng-repeat="notice on notices | filter: filter.search"&gt;
          &lt;div ng-show="notice.status.visibility"&gt;
              &lt;!-- notice details --&gt;
          &lt;/div&gt;
      &lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>