title: how to show/hide elements based on user role without using razor
body: <p>I am using a MVC 5 /Web Api project with entity framework. I turned it into a Angular SPA project and I want to know how I can pull the logged in user info without using razor.cshtml. I want to show/hide elements based on the user roles. I would think it would need to be a service that pulls the server side data and convert it to javascript? I have found a couple examples doing this but they are based on empty MVC projects not using entity framework. 
  So I would basically need something like this, but in Angular</p>
  
  <pre><code> @if (User.IsInRole("Editor"))
  {
   &lt;div&gt;@Html.ActionLink("Create New", "Create")&lt;/div&gt;
  }
  &lt;div&gt;@Html.ActionLink("Generate Report", "Report")&lt;/div&gt;
  &lt;div&gt;@Html.ActionLink("Other Stuff", "Other")&lt;/div&gt;
  </code></pre>