title: DOM Exception 18 in Awesomium
body: <p>I have a webpage being loaded from the local file system and rendered using <a href="http://awesomium.com/" rel="nofollow noreferrer">awesomium</a>, the page is using <a href="http://angularjs.org/#/list" rel="nofollow noreferrer">AngularJS</a>to render part of the page. However, I have a problem with part of my AngularJS controller generating a Dom Exception 18:</p>
  
  <blockquote>
    <p>angular-1.0.0rc10.js @ line 5349 Error: SECURITY_ERR: DOM Exception 18</p>
  </blockquote>
  
  <p>It seems this exception is caused by the presence of this code at the end of my AngularJS controller:</p>
  
  <pre><code>$http({method: 'GET', url: 'http://placeholdermetaserver.appspot.com/list?format=json&amp;game=Heist'})
  .success(function(data)
  {
      //Do stuff with data
  });
  </code></pre>
  
  <p>Oddly enough everything is just fine if I use a straight XMLHttpRequest instead of the AngularJS $http object:</p>
  
  <pre><code>var request = new XMLHttpRequest();
  request.onload = function() {
      //Do stuff with data
  };
  request.open("GET", "http://placeholdermetaserver.appspot.com/list?format=json&amp;game=Heist", true);
  </code></pre>
  
  <p>This exception is <em>not</em> generated when I simply load this page in chrome (off the local file system, same as awesomium).</p>
  
  <p>What could cause this and how can I fix it?</p>