angularjs rails routing不起作用

Question

尝试在我的rails应用中加载角度视图时遇到一些问题。但是，如果我在页面“{{1 + 3}}中进行操作，它会给出正确的结果4.因此我相信它与路线有关

以下是我的筹码

• angular 1.2.20
• angular-ui-router (latest)
• rails 4.1.1

以下是我的文件

#app/assets/javascript/app.js
angular
    .module('app', ['ui.router'])
    .config(function($stateProvider, $urlRouterProvider, $locationProvider){
       $urlRouterProvider.otherwise("/home");
       $stateProvider
         .state('home',{
            url: 'home',
            template: "<h1>Test</h1>"
         });
         $locationProvider.html5Mode(true);
    });



 #app/views/layout/application.html.erb
 # Please note I have added 'app' in the body tag 
 <div ng-view>
   <%= yield %>
 </div>

#config/routes
#please note I have a controller called home
root 'home#index'
get '*path' => 'home#index' 

我期待的是当我去http://localhost:3000时，我应该在div中看到'Test'。但它没有发生，并且js控制台中也没有错误。任何帮助将不胜感激