title: Angular JS: ng-hide and ng-show API
body: <p>I have a HTML page containing several <code>&lt;div&gt;</code> containers. I require to show these <code>&lt;div&gt;</code> containers based on the user id. For example: I have 4 <code>&lt;div&gt;</code> containers created in a page say div1, div2, div3 and div4. And I have two users: user1 and user2. </p>
  
  <p>I would like to show div1 and div3 when user 1 access to the page. and show div2 and div4 when user2 access it. I would like to use <code>ng-hide</code> and <code>ng-show</code> directives of AngularJS. How can I achieve this?</p>