title: angularjs toggle class on condition
body: <pre><code>&lt;li ng-click="visible = !visible" ng-class="{'strike': !visible, 'none': visible}" ng-repeat="peep in peeps"&gt;{{peep.name}}&lt;/li&gt;
  </code></pre>
  
  <p>This code above allows me to click on each repeated <code>li</code> and conditionally set the class <code>.strike</code> to each.</p>
  
  <p>What I am working on is a 'mass' toggle for these list items that will also allow me to apply the <code>.strike</code> class to all list items <em>except</em> the one selected via a <code>select</code> element.</p>
  
  <p>I am sure it is a scope issue but I am unable to achieve this for some reason. What am I missing?</p>
  
  <p><a href="http://plnkr.co/edit/zuEu6jxTfTjqRyEfYQrz?p=preview" rel="nofollow">http://plnkr.co/edit/zuEu6jxTfTjqRyEfYQrz?p=preview</a></p>