Неизвестный поставщик Angularjs в $templateRequestProvider

Я включаю другие html файлы в качестве шаблона в index.html. Для этого я использую директиву ng-view. Но я получаю сообщение об ошибке: Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective Код, который я использую:

'use strict';
 var surveyApp = angular.module('surveyApp',['ngRoute']);
    surveyApp.factory('surveyFactory',function (){
 return {}
});

Вот контроллеры:

surveyApp.controller('profileController', function($scope,surveyFactory) {
    // create a message to display in our view
    $scope.message = 'This is the profile page';
});

surveyApp.controller('surveysController', function($scope,surveyFactory) {
    // create a message to display in our view
    $scope.message = 'This is the surveys page';
});

Конфигурация:

surveyApp.config(function($routeProvider, $locationProvider) {
$routeProvider
    .when('/', {    
        templateUrl : 'pages/profile.html',
        controller  : 'profileController'
    })

    .when('/surveys', {
        templateUrl : 'pages/surveys.html',
        controller  : 'surveysController'
    });
$locationProvider.html5Mode(true);
});

Это HTML:

<body ng-app="surveyApp">
    <div id="main">
        <div ng-view></div>
    </div>
</body>

Где мне не хватает?

Ответы

Ответ 1

Готово. В большинстве случаев было бы versions of angular -route и angularjs противоречивыми. После этого он в основном разбил страницу из-за запросов непрерывного цикла в

.when('/', {    
    templateUrl : 'pages/profile.html',
    controller  : 'profileController'
})

Каждый раз, когда он видел "/", он снова перенаправлялся на одну и ту же страницу и, следовательно, формировал бесконечный цикл переадресации. Это должно использоваться в последнем, чтобы первые проверялись, а если что-то осталось, то он видит маршрут "/".

Ответ 2

Имела ту же проблему, проблема для меня была также зависимостью, но не angular -route. Зависимость, которая вызвала ошибку для меня, была angular -bootstrap.

Текущая версия angular в нашем проекте составляет 1,28, а angular -route также 1,28. Эта ошибка была вызвана при обновлении angular -bootstrap с 0.12.1 до 0.13.

Ответ 3

Единственная проблема с вашим кодом - отсутствие закрывающей фигурной скобки после определения surveyFactory.

Измените определение кода для приложения и factory ниже, чтобы устранить проблему:

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

  surveyApp.factory('surveyFactory',function (){
      return {}
  });