title: Hide or show links depending on if the user is authenticated - AngularJs
body: <p>I'm currently working on an <code>AngularJS</code> application, I've hit a road block which is the following.</p>
  
  <p>We've got a <code>login</code> page when the user submits we call a web api and authenticate the user, we're currently using claims authentication to set the cookie etc that's working as expected however the issue I have is hiding and showing links depending on if the user is logged in or not.  I've easily been able to resolve this when I've worked in MVC by doing the following inside the <code>layout.cshtml</code>: </p>
  
  <pre><code>@if (User.Identity.IsAuthenticated)
  {
    Show additional links to user once they're authenticated
  }
  else
  {
    Show the standard links
  }
  </code></pre>
  
  <p>Now as I'm using straight HTML (no <code>Razor</code> files) but I am building this within <code>Visual Studio</code> I'm stumped on how I go about showing certain links depending if the user is <code>authenticated</code> within a <code>.html</code> page?</p>