Использование углового маршрутаProvider с контроллером

Question

Пожалуйста, обратите внимание на этот код, в котором необходим routeProvider для ввода страницы (n) .html в ng-view.

В дополнение к ошибке консоли:

unknown provider: $routeProviderProvider <- $routeProvider

Аргумент действовал routeIt это имя страницы, чтобы перейти к, Как я могу смешать условный переключатель с routeProvider.when для вызова страницы подходящий аргумент наиболее эффективным образом? Благодаря

(function() { 
 
    'use strict'; 
 
    angular 
 
     .module('appModule') 
 
     .controller('MainMenuCtrl', ['$scope', '$http', 'TogglerFactory', '$routeProvider', MainMenuCtrl]); 
 

 
    function MainMenuCtrl($scope, $http, Toggler, routeProvider) { 
 

 
     $http.get('models/mainMenu.json').then(
 
      function (response) { 
 
       $scope.menuItems = response.data; 
 
      }, 
 
      function (error) { 
 
       alert("http error"); 
 
      } 
 
     ) 
 

 
     function routeIt (page) { 
 
      routeProvider 
 
       .when('/page1', { 
 
        url: "/page1", 
 
        templateUrl: 'views/page1.html', 
 
        controller: 'Page1Ctrl' 
 
       }) 
 
       .when('/page2', { 
 
        url: "/page2", 
 
        templateUrl: 'views/page2.html', 
 
        controller: 'Page2Ctrl' 
 
       }) 
 
     } 
 

 
     $scope.itemClicked = function (item){ 
 
      Toggler.menuToggle(); 
 
      routeIt(item); 
 
     } 
 

 
    } 
 
})();

Answer 1

Поставщиков услуг не доступны для инъекций в фазе запуска (то есть в любом месте, но provider услуги и config блоков). Это можно сделать маршрут поставщика инъекционного и настроить его после конфигурации фазы,

app.config(function ($provide, $routeProvider) { 
    $provide.value('$routeProvider', $routeProvider); 
}); 

и контроллеры не являются лучшими местами для осуществления какой-либо логики (например, маршрут горячей замены).

Answer 2

Ok вы используете ваш routeProvider неправильно, то вы должны настроить маршруты внутри .config блоков

angular.module('myApp', []) 
.config(function($routeProvider, $locationProvider) { 
    $routeProvider 
     .when('/page1', { 
      url: "/page1", 
      templateUrl: 'views/page1.html', 
      controller: 'Page1Ctrl' 
     } 
}) 

Если вы хотите изменить URL вашего использования контроллера $location.path('/page1'); внутри контроллера.