title: Angular: hide JSON data from user
body: <p>My Angular application loads JSON files as search material using <code>$http</code></p>
  
  <pre class="lang-js prettyprint-override"><code>$http.get('my.json').success(function(data){ ... };
  </code></pre>
  
  <p>Unfortunately, this method loads the JSON file in to the browser and allows the user to see it's content.</p>
  
  <p><img src="https://i.stack.imgur.com/bxASv.png" alt="Safari screenshot">
   Screenshot from Safari </p>
  
  <p>I'd like to hide that file from the user.</p>
  
  <hr>
  
  <p>To refine my question. I know that I won't be able to totally hide that data from the user.
  A user can easily write a script to scrape the data off my site.
  I just don't want to hand those files to the user so easily, to just let them sit there for him to just copy and paste.</p>