为什么 Angular 会给出喷射器模块错误？

Question

为什么在渲染视图时会抛出以下错误

未捕获的错误：[$injector:modulerr] 无法实例化模块 由于registrationModule：错误：[$injector:unpr] 未知提供者： $routeProvider http://errors.angularjs.org/1.5.0/$injector/unpr?p0=%24routeProvider 在http://localhost:2044/Scripts/angular.js:68:12 在http://localhost:2044/Scripts/angular.js:4397:19 在 getService (http://localhost:2044/Scripts/angular.js:4550:39) 在 injectionArgs (http://localhost:2044/Scripts/angular.js:4574:58) 在 Object.invoke (http://localhost:2044/Scripts/angular.js:4596:18) 在 runInvokeQueue (http://localhost:2044/Scripts/angular.js:4497:35) 在http://localhost:2044/Scripts/angular.js:4506:11 在 forEach (http://localhost:2044/Scripts/angular.js:321:20) 在 loadModules (http://localhost:2044/Scripts/angular.js:4487:5) 在 createInjector (http://localhost:2044/Scripts/angular.js:4409:19) http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=registrationModule&…jector%20(http%3A%2F%2Flocalhost%3A2044%2FScripts%2Fangular.js%3A4409%3A19)

这是我的route configuration

var registrationModule = angular.module("registrationModule", [])
    .config(function($routeProvider, $locationProvider) {
        $routeProvider.when('/Registration/Courses', { templateUrl: '/templates/courses.html', controller: 'CoursesController' });
        $routeProvider.when('/Registration/Instructors', { templateUrl: '/templates/instructors.html', controller: 'InstructorsController' });
        $locationProvider.html5Mode(true);
    });

我在 MVC5 中使用 Angular JS

Answer 1

您需要包含“ngRoute”。

var registrationModule = angular.module("registrationModule", ['ngRoute'])
    .config(function($routeProvider, $locationProvider) {
        $routeProvider.when('/Registration/Courses', { templateUrl: '/templates/courses.html', controller: 'CoursesController' });
        $routeProvider.when('/Registration/Instructors', { templateUrl: '/templates/instructors.html', controller: 'InstructorsController' });
        $locationProvider.html5Mode(true);
    });