title: Angular UI-Bootstrap Multiple Checkboxes Filter
body: <p>I want to filter my data with multiple checkboxes. One variable can have multiple filters.</p>
  
  <p><a href="http://plnkr.co/edit/7sutGrnZ8GOrV2tcnNRS?p=preview" rel="nofollow">Here is the link</a></p>
  
  <p>So for example when 4 and 5 are checked, all 4s and 5s are shwon.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons-checkbox"&gt;
      &lt;pre&gt;{{checkboxes}}&lt;/pre&gt;
      &lt;companies ng-repeat="check in checkboxes"&gt;
        &lt;button type="button" class="btn"  ng-model="check.truth" 
        btn-checkbox-true="check.value" btn-checkbox&gt;{{check.value}}&lt;/button&gt;
      &lt;/companies&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and js:</p>
  
  <pre><code>$scope.checkboxes = [{"value":"1","truth":false},{"value":"2","truth":false}, {"value":"3","truth":false},{"value":"4","truth":false}];
  
  
  $scope.data = [{"name":"Some Name","value":"1"},{"name":"Another Name","value":"2"},{"name":"Cool Name","value":"3"},{"name":"Funky Name","value":"4"}]
  </code></pre>