title: AngularJS ng-show if a property within an object array is set to false
body: <p>I want to hide a <code>div</code> if no object within a <code>array</code> has a specific property set to <code>false</code>.</p>
  
  <p>The property looks like this:</p>
  
  <pre><code>$scope.myObjArray = [
      {"Id":"1","IsBuiltIn":true},
      {"Id":"2","IsBuiltIn":true}
  ];
  </code></pre>
  
  <p>I want to hide my <code>div</code> if there is no object within <code>myObjArray</code> that has <code>IsBuiltIn</code> set to <code>false</code>. So the above <code>array</code> should hide the <code>div</code>. The following should show it (because at least one object has <code>IsBuiltIn</code>set to false):</p>
  
  <pre><code>$scope.myObjArray = [
      {"Id":"1","IsBuiltIn":true},
      {"Id":"2","IsBuiltIn":true},
      {"Id":"3","IsBuiltIn":false}
  ];
  </code></pre>
  
  <p>I tried to solve this using a <code>ForEach</code> without success:</p>
  
  <pre><code>&lt;div ng-show="myObjArray.ForEach(e, function(){e.IsBuiltIn})"&gt;
      Hello, World!
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my <a href="https://plnkr.co/edit/2LgFSdhIjQjhVuaXWgEg" rel="nofollow">plnkr</a>.</p>