$ routeProvider未定义

Question

我创建了一个新项目，但遇到了一个我无法解决的问题。

这是我的榜样：

angular.module('MosysTimes', ['ngRoute']).config($routeProvider, RouteConfiguration);

function RouteConfiguration ($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'start.html',
            controller: 'WelcomeController'
        })
        .when('/login', {
            templateUrl: 'login.html',
            controller: 'LoginController'
        })
        .otherwise({
            redirectTo: '/'
        });
}

它总是说：

  

$ routeProvider未定义....

任何帮助将不胜感激？

Answer 1

您应该将代码更改为此。

angular.module('MosysTimes', ['ngRoute']).config(['$routeProvider',function($routeProvider)
{
$routeProvider
    .when('/', {
        templateUrl: 'start.html',
        controller: 'WelcomeController'
    })
    .when('/login', {
        templateUrl: 'login.html',
        controller: 'LoginController'
    })
    .otherwise({
        redirectTo: '/'
    }); 
}]);       

Answer 2

您是否将ngroute脚本添加到索引html中？ 例如：

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.min.js"></script>

并尝试使用以下语法

angular.module("MosysTimes",['ngRoute']).config(function($routeProvider) {
   $routeProvider
    .when('/', {
        templateUrl: 'start.html',
        controller: 'WelcomeController'
    })
    .when('/login', {
        templateUrl: 'login.html',
        controller: 'LoginController'
    })
    .otherwise({
        redirectTo: '/'
    });
});

Answer 3

angular.module('yourModule').config(['$routeProvider', function($routeProvider){
$routeProvider
  .when() .....
}]);

Answer 4

您应该将function fibNumber(n, callback) { function f(n) { if (n < 2) { return 1; } else { callback(n); return f(n - 2) + f(n - 1); } } return f(n); } var n = +prompt("An integer please: "); console.log(n); console.log(fibNumber(n, function (n) { console.log(n); }));声明为函数。之后，您可以使用此$routeProvider访问主页上的加载模板。

Answer 5

感谢你们所有人，在尝试了你们的提示后，我得到了它的工作，并且更加了解角度...... thx ......