title: Displaying different content within a single view based on the user's role
body: <p>Let's assume that we have a menu within my angular SPA application, now I want the basic options to be displayed to all of the users, such as home, about us, carrier opportunities etc.</p>
  
  <p>I would also like to have several other options, such as manage users, mange posts etc, that will be displayed only to an admin.</p>
  
  <p>Let's also assume that we have an API access point that provides me with the user role, or better yet, that the user role is within the object that retrieved from /api/users/me.</p>
  
  <p>What would be the best way to encapsulate those management tools from being viewed by regular users?.</p>
  
  <p>Is there some kind of inheritance among views? like in Django?, is there any way to hide the DOM elements from the unauthorized user?(yes, I know that it's client side).</p>
  
  <p>I'd really prefer not to use different views for the menu, since it's supposed to be a generic component.</p>
  
  <p>I suppose that if the answer to all my previous question is no, the question that remains is: what is the best implementation for this? a custom directive("E" + "A")
  say: </p>
  
  <pre><code>&lt;limitedAccss admin&gt;Edit page&lt;/limitedAccess&gt;
   &lt;limitedAccss user&gt;view page&lt;/limitedAccess&gt;
  </code></pre>
  
  <p>or perhaps just using the regular ng-show with a condition on the user object?.</p>