title: Angular Error Parsing ng-show
body: <p>I have an ng-show on a div in index.html which determines which header to display based on user-clearances. These clearances are stored in $scope.user.clearance as an array of clearance objects. $scope.user.clearance is structured as follows:</p>
  
  <pre><code>[
      {
         'clearance':string
      }
  ]
  </code></pre>
  
  <p>The directive causing the parse error is:</p>
  
  <pre><code>&lt;div ng-show = "user.clearance &amp;&amp;
          user.clearance.filter(function(e) { return e['clearance'] === 'SUPERADMIN'; }).length &gt; 0" 
          ng-include="'/partials/components/superadmin-header.html'"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The expression:</p>
  
  <pre><code>user.clearance &amp;&amp; user.clearance.filter(function(e) { 
       return e['clearance'] === 'SUPERADMIN'; 
  }).length &gt; 0
  </code></pre>
  
  <p>Works just fine in jsfiddle: <a href="http://jsfiddle.net/6frqzwee/2/" rel="nofollow">http://jsfiddle.net/6frqzwee/2/</a></p>
  
  <p>Any idea why angular is having difficulty with this?</p>