“未知提供者” AngularJS ngRoute

Question

我是第一次使用Angular.js。 我已經搜索了太多文章以更正此錯誤。 加載Index.html時收到以下錯誤：

這是代碼：

報告-module.js

    angular.module('reportTemplateApp', [
    'reportTemplateApp.services',
    'reportTemplateApp.controllers',
    'ngRoute'
]).
    config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
        $routeProvider
          .when('/slide1/:auditId', {
              templateUrl: 'slide1.html',
              controller: 'MainSlideController',
              controllerAs: 'main'
          })
          .when('/slide3/:auditId/sl/:slideId', {
              templateUrl: 'slide3.html',
              controller: 'CommonSlidesController',
              controllerAs: 'commons'
          });

        $locationProvider.html5Mode(true);
    }]);

報告-controller.js

 angular.module('reportTemplateApp.controllers', []). controller('CommonSlidesController', '$routeParams', function ($scope, $routeParams, auditAPIservice) { $scope.id = $routeParams; $scope.slideId; $scope.slide = []; //CANCEL EDIT $scope.cancelSave = function () { $scope.mainList = $scope.backupList; } //SAVE DATA $scope.saveSlide = function () { try { auditAPIservice.ItemsData($scope.mainList).then(function (response) { if (response.message = "Success") { } else { $scope.mainList = $scope.backupList; } }); } catch (ex) { $scope.showToast('UPS! Something happen ' + ex.message); } } //GET DATA reportAPIservice.getSlide(2, 3).then(function (response) { if (response.message = "Success") { $scope.mainList = response.data.ReportSlideInfo angular.copy($scope.mainList, $scope.backupList); } else { //SOME ERROR SHOWING HERE } }); $scope.showToast = function (message) { angular.element(document).ready(function () { toast(message, 4000); }); } }).

的index.html

 <!DOCTYPE html> <html> <head> <script src="../Scripts/jquery-1.7.1.js"></script> <script src="../Scripts/materialize/materialize.min.js"></script> <title></title> <link rel="stylesheet" type="text/css" href="../Content/materialize/materialize.css" /> </head> <body ng-app="reportTemplateApp"> <script> $(document).ready(function () { $(".button-collapse").sideNav(); $('.collapsible').collapsible(); }); </script> <a href="Slide3/2/2">Text Link</a><br/> <div ng-view></div> <script src="../Scripts/angular.js"></script> <script src="../Scripts/angular-route.js"></script> <script src="~/Scripts/angular-resource.js"></script> <script src="../Scripts/SPS/Report/report-module.js"></script> <script src="../Scripts/SPS/Report/report-controller.js"></script> <script src="../Scripts/SPS/Report/report-service.js"></script> </body> </html>

我不知道怎么了 另一件事，當我在“索引”頁面中添加時顯示錯誤，如果將其刪除，則不存在錯誤。

Answer 1

我能夠解決這個問題。 我在項目中混合了angular.js（1.2.23）和angular-route.js（1.3.8）的版本（我不知道為什么）。 將一個更改為另一個版本后，就沒有錯誤，並且路由可行。

“未知提供者” AngularJS ngRoute

問題描述

1 個解決方案

解決方案1
0 2015-01-16 00:01:12

“未知提供者” AngularJS ngRoute

問題描述

1 個解決方案

解決方案1 0 2015-01-16 00:01:12

解決方案1
0 2015-01-16 00:01:12