Javascript AngularJS、Rails和ui路由器从ngRoute切换后未显示模板

嗨，我正在尝试从ngRoute切换到ui路由器，但在切换之后，模板不再加载

我在application.html.erb中添加了ui路由器：

<%= javascript_include_tag 'application' %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script>

---

我将配置中的url更改为/dashboard，但它仍然为我提供默认的rails视图。

顺序很重要，你需要在应用程序之前加载ui路由器

另外还有

$urlRouterProvider.OR（“仪表板”）

错误，您的状态称为

仪表板

，但url为

/

。

---

您需要将仪表板的url定义为

/dashboard

，然后定义为

$urlRouterProvider。否则（“/dashboard”）
如何使用rails控制加载顺序？
var app = angular.module("alliance",['ui.router', 'ui.bootstrap']);

app.config(['$stateProvider','$urlRouterProvider',function($stateProvider, 

$urlRouterProvider) {

  $stateProvider
    .state('dashboard', {
      url:'/',
      templateUrl: "<%= asset_path('pages/dashboard.html') %>",
      controller:   "DashboardController"
    });

  $urlRouterProvider.otherwise("dashboard");
}]);

var app = angular.module("alliance",['ngRoute', 'ui.bootstrap']);

app.config(['$routeProvider',function($routeProvider) {
   $routeProvider
     .when('/', {
       templateUrl:  "<%= asset_path('pages/dashboard.html') %>",
       controller:   "DashboardController"
     })

//= require jquery
//= require jquery_ujs
//= require angular
//= require angular-ui-router
//= require angular-ui-bootstrap-tpls
//= require_tree .