title: How to check if at least one value of a list of objects in an array is true in Angular?
body: <p>In my website I've got an array which also contains another array with some values:</p>
  
  <pre><code>[
      {
          "name": "Pete",
          "place": "HOME",
          "houses": [
              {
                  "key": "OFFICE",
                  "value": false
              },
              {
                  "key": "HOME",
                  "value": true
              },
              {
                  "key": "SHOP",
                  "value": true
              }
          ]
      },
      {
          "name": "William",
          "place": "OFFICE",
          "houses": [
              {
                  "key": "OFFICE",
                  "value": false
              },
              {
                  "key": "HOME",
                  "value": false
              },
              {
                  "key": "SHOP",
                  "value": false
              }
          ]
      }
  ]
  </code></pre>
  
  <p>I loop over the two objects fine, but I only want to loop over the <code>houses</code> if at least one of the <code>value</code>s of <code>houses</code> is true. So for Pete I want to loop over the houses, but not for William. I currently have this code:</p>
  
  <pre><code>&lt;div ng-repeat="person in persons"&gt;
      {{ person.name }} in {{ person.place }} 
      &lt;div ng-if="WHAT TO PUT HERE TO CHECK IF AT LEAST ONE OF THE VALUES IS TRUE??"&gt;
          has got the following houses: 
          &lt;span ng-repeat="house in person.houses"&gt;
              &lt;span ng-if="house.value"&gt;{{ house.key }} / &lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but I have no clue what to put in the <code>ng-if</code> to check whether any of the <code>value</code>s is true. Does anybody know how I should tackle this?</p>