Angular Route没有错误但没有Woking

fir*_*man 2 javascript angularjs angular-ui angular-ui-router

这很简单,但我不知道什么是错的.我有以下示例,使用角度ui-router和角度1.2.16制作一个简单的Web模板.

     <script type='text/javascript' src='angular.js'></script>
     <script type='text/javascript' src='angular-ui-router.js'></script>
     <script type='text/javascript' src='js/me/app.js'></script>
Run Code Online (Sandbox Code Playgroud)

我写了app.js和index.html之类的东西

app.js

angular.module('app',[
    'ui.router'

])
.config(['$urlRouterProvider','$stateProvider'],function($urlRouterProvider,$stateProvider){
    $urlRouterProvider.otherwise('/');

    //console.log($urlRouterProvider);

    $stateProvider
    .state('home',{
        url:'/',
        templateUrl:'home.html'
    })
})
Run Code Online (Sandbox Code Playgroud)

而index.html是

    <body ng-app="app">
           <header ng-include="'header.html'"></header>
            <!-- End of Header -->
           <div ui-view="''"></div>
           <footer ng-include="'footer.html'"></footer></body>
Run Code Online (Sandbox Code Playgroud)

我的页眉和页脚正常工作.这是一个很好的第一步.但是当我尝试路线时,没有任何反应.

在我的控制台中根本没有错误..我不明白,是什么事?我觉得这很简单.也许是因为我对角度很新.所以,如果您可以提供解决方案,请提供帮助.

小智 7

状态更改错误通常不会显示在控制台中.您需要添加一个错误监听器,以便查看出现了什么问题:

$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
  $dialogs.error("Something went wrong!", error);
  console.error("$stateChangeError: ", toState, error);
});
Run Code Online (Sandbox Code Playgroud)

很可能您的模板不在您指定的位置或类似的位置.