Can't access array item within angular.js view <p>I'm trying to access the first item in an array within an angular.js view like this:</p> <pre><code>&lt;p class="name-label"&gt;{{user_profile.email[0].emailAddress}}&lt;/p&gt; </code></pre> <p>My object looks like this:</p> <pre><code>Object { .... "email": [ { "emailType": "Primary", "emailAddress": "testuser@tp.com" } ], .... } </code></pre> <p>This is not working - I don't get an error - it just doesn't display anything! Any ideas?</p> <p>Thank you!</p>