title: Location of AngularJS views within Rails app
body: <p>I'm trying to integrate AngularJS within a Rails app. I have a Rails app with a books controller and book model. In the Rails index view I have this, and AngularJS should take over from here:</p>
  
  <pre><code>.page_text{"ng-app" =&gt; "books"}
    .row
      .twelve.columns
        %div{"ng-view" =&gt; ""}
  </code></pre>
  
  <p>And the AngularJS controller looks like this:</p>
  
  <pre><code>function BooksOverviewCtrl($scope, $http) {
    $http.get('/books.json').success(function(data) {
      $scope.books = data;
    });
  }
  BooksOverviewCtrl.$inject = ['$scope', '$http'];
  </code></pre>
  
  <p>And this is the routeProvider:</p>
  
  <pre><code>angular.module('books', []).
    config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/books', { templateUrl: 'books/book-overview.html.haml',   controller: BooksOverviewCtrl });
  }]);
  </code></pre>
  
  <p>Currently, the AngularJS view is in "app/assets/javascripts/angularjs/books/book-overview.html.haml". When I load the page, it says page not found, so where do I have to store the AngularJS views in my Rails app? This is the error:</p>
  
  <pre><code>GET http://localhost:3000/books/book-overview.html.haml 404 (Not Found)
  </code></pre>