$ urlStateProvider未定义错误

时间:2016-02-10 20:42:35

标签: angularjs angular-ui-router

我已经包含了使用Angular UI路由器的依赖项,但是当我运行我的应用程序时,我一直收到一条错误说明:$ urlRouteProvider未定义。它似乎无法识别UI路由器,并立即转发到.otherwise而不是激活初始登录状态。

这是我的代码:

app.js --
var app = angular.module("demoApp", ["ngVidBg", "ngAnimate","ui.router"]);

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

  $stateProvider
    .state('login', {
      url: '/login',
      templateUrl: 'views/login.html',
      controller: 'LoginCtrl'
    })
    .state('signup', {
      url: '/signup',
      templateUrl: 'views/signup.html',
      controller: 'SignUpCtrl'
    })
    .state('form', {
      url: '/form',
      templateUrl: 'views/form.html',
      resolve: {
        logincheck: checkLoggedin
      }
    })
  $urlRouteProvider.otherwise('/views/login');
}]);

index.html--

<!DOCTYPE html>
<html lang="en" ng-app="demoApp">
    <head>
        <meta charset="UTF-8">
        <title>Demo</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <link rel="stylesheet" type="text/css" href="css/vidBg.css"
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    </head>
    <body>
        <nav ng-controller="NavCtrl">
           <span ng-show="!currentUser">
           </span>

        </nav>
        <div ng-view>
        </div>
        <!-- jQuery -->
        <script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <!-- Angular -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>


        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular-animate.js"></script>

        <script src="./js/app.js" type="text/javascript"></script>
        <script src="./js/controllers.js" type="text/javascript"></script>
        <script src="./js/vidBg.js" type="text/javascript"></script>

    </body>
</html>

1 个答案:

答案 0 :(得分:0)

它在$urlRouteProvider.otherwise行的拼写错误,应该是

$urlRouterProvider 

而不是

$urlRouteProvider

$urlRouterProvider Doc