title: 404 Not Found error when opening modal in Angular UI Boostrap
body: <p>I have a really strange problem when using UI Bootstrap. Even the simplest example does not work. So this is my case:</p>
  
  <p>I have a Play Framework application using the yeoman plugin: <a href="https://github.com/tuplejump/play-yeoman" rel="nofollow">https://github.com/tuplejump/play-yeoman</a>. It is using AngularJS and Bootstrap. So far everything worked fine, but these weird errors came up when I tried to open my first modal using the UI Bootstrap library from <a href="http://angular-ui.github.io/" rel="nofollow">http://angular-ui.github.io/</a>. I used the exact code from <a href="http://angular-ui.github.io/bootstrap/#/modal" rel="nofollow">http://angular-ui.github.io/bootstrap/#/modal</a> but somehow it does not work. This is the code for opening my modal:</p>
  
  <pre><code>var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      size: size,
      resolve: {
        items: function () {
          return ['item1', 'item2', 'item3'];
        }
      }
    });
  </code></pre>
  
  <p>And the errors that appear in the dev console are:</p>
  
  <pre><code>GET http://localhost:9000/ui/function%20(a,b)%7Breturn%20b.templateUrl%7C%7C%22template/modal/window.html%22%7D 404 (Not Found) angular.js:9499
  Uncaught TypeError: undefined is not a function angular.js:9512
  </code></pre>
  
  <p>I tried many solutions for similar problems but none of that worked. This is how I load the ui-boostrap:</p>
  
  <pre><code>&lt;script src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I've been searching for solution for a long time but I haven't encountered a problem with the function%20(a,b)%7... in the URL and none of the soluions did work. Any help appreciated!  </p>