title: Is there a way to safely hide HTML tags in AngularJS?
body: <p>I'm recently starting to explore AngularJS, and of course, i know it is ran at the client side, and since SPA (Single Page Applications) are becoming more and more common, i have a question regarding how to safely hide HTML elements.</p>
  
  <p>Let me give a simple example:</p>
  
  <pre><code>Employee
  &lt;div ng-show="canSeeSalary"&gt;
      {{salary}}
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, of course, at runtime the div tag related to the salary won't be displayed, however by seeing the HTML source code, or using a developer tool like the one we have in Chrome, it would be possible to see the tag and probably its value.</p>
  
  <p>I know tags like these should be filtered at the the server-side, of course, but since it has come to the client side, the div will be there.</p>
  
  <p>My question is exactly, if there is any way i could hide these divs from the HTML source code, without needing to mix AngularJS with JSTL, for example.</p>
  
  <p>Thanks in advance.</p>