Angular UI路由器不生成视图

Question

我正在尝试设置我的ui路线，看起来很简单，但我不知道出了什么问题。我有以下示例，使用var subset = list .OrderBy(t => Guid.NewGuid()) .Select(i => i.name) .Take(3) .ToList(); angular

制作一个简单的网页模板

ui-router

我已经写了app.module.js，app.route.js和index.html这样的东西

app.module.js

  <script src="./bower_components/angular/angular.min.js" >></script>
  <script src="./bower_components/angular-bootstrap/ui-bootstrap.min.js" >></script>
  <script src="./bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
  <script src="./app/app.module.js"></script>
  <script src="./app/app.route.js"></script>

app.route.js

'use strict';
angular.module('ezer',[ 'ui.router'

                     ])
.controller('main-cntrl',['$scope','$rootScope','$state',function($scope,$rootScope,$state)
{

$scope.message = "abc";

}]);

的index.html

angular.module('ezer')
.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider) {


 $urlRouterProvider.otherwise('/');

  $stateProvider


  .state('root',{
            url: '',

            views: {
              'header': {
                template: '<h1>My header</h1>',
                controller: 'main-cntrl'
              },
              'footer':{
                template : '<h1>My footer</h1>',
                controller: 'main-cntrl'
              }
            }
          })




}]);

在我的控制台中根本没有错误..我不明白，这是什么问题？

Answer 1

在您拥有网址的路线中，我认为您应该有'url'：'/'。

Answer 2

在您的app.route中，网址至少应为'/'而不是''