title: Angularjs How to make route async?
body: <p>I'm using route and ngView to load dynamic content, and I got warning: </p>
  
  <blockquote>
    <p>Synchronous XMLHttpRequest on the main thread is deprecated because of
    its detrimental effects to the end user's experience. For more help,
    check <a href="http://xhr.spec.whatwg.org/" rel="nofollow">http://xhr.spec.whatwg.org/</a>.</p>
  </blockquote>
  
  <p>The warning is from jQuery 2.1.3</p>
  
  <p>If I try to load a static html file it works fine without any warning, is there anyway I can make routing asyc? </p>
  
  <p>app.config(function($routeProvider){</p>
  
  <pre><code>$routeProvider.when("/test", {
      templateUrl: "/getStuff",
      resolve:{
  
      }
  })
  
  $routeProvider.otherwise({
  templateUrl: "/test.html",
  resolve:{
  
  }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>If I try to load a static html file, it works without warning, if the templateUrl is not a static html file, there will be a warning</p>