angularjs - AngularJs routeProvider错误

我遇到routeProvider的问题，不知道为什么它不起作用。问题在于配置功能。这是代码

var mainApp = angular.module('mainApp', []);

mainApp.config(['$routeProvider' ,function($routeProvider) {
   $routeProvider.
    when('/', {
        templateUrl: 'index.html',
        controller: 'indexController'
    }).
    when('/first', {
        templateUrl: 'first.html',
        controller: 'firstCtrl'
    }).
    when('/second', {
        templateUrl: 'second.html',
        controller: 'secondCtrl'
    }).
    otherwise({
        redirectTo: 'index.html'
    });
}])

mainApp.controller('indexController', [function() {
    this.outputString = "String from the index controller";
}]);

mainApp.controller('firstCtrl', ['$scope', function($scope) {
    $scope.outputString = "String from the first controller";
}]);

mainApp.controller('secondCtrl',['$scope', function($scope) {
    $scope.outputString = "String from first controller";
}]);

最佳答案

您的应用程序缺少角度路由模块。

确保添加以下内容:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular-route.min.js"></script>

或者，如果您使用的是凉亭，则将"angular-route": "^1.4.0"添加到bower.json并运行bower install。

最后，请确保将ngRoute注入(inject)应用程序

var mainApp = angular.module('mainApp', ['ngRoute']);

这是一个有效的jsFiddle。

关于angularjs - AngularJs routeProvider错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38039043/