Angularjs Используйте контроллер модуля для инъекций в определении маршрута

Question

Я новичок в угловом, и я пытаюсь модулизовать свое приложение.

В моем основном модуле есть еще один модуль, и я хочу использовать контроллер введенного модуля в определении маршрута. Простой пример очень полезен!

Это не работает:

var app = angular.module('Contacting_App', ['LeadLookup']); 

app.config(['$routeProvider', function($routeProvider) { 
        $routeProvider. 
         when('/main', 
          {controller: 'MainCtrl', 
          templateUrl: 'apex/f42_Contacting_Main'} 
         ). 
         when('/lead', 
          {module: 'LeadLookup', 
          controller: 'LeadLkpCtrl', 
          templateUrl: 'apex/f42_Lead_Lookup'} 
         ). 
         otherwise(
          {redirectTo: '/main'} 
         ); 
       }]); 

Answer 1

Эта обучающая страница может направить вас в правильном направлении docs.angularjs.org/tutorial/step_07

Основные вещи, которые вы должны смотреть на это:

Модуль

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

routeProvider

phonecatApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/phones', { 
     templateUrl: 'partials/phone-list.html', 
     controller: 'PhoneListCtrl' 
     }). 
     when('/phones/:phoneId', { 
     templateUrl: 'partials/phone-detail.html', 
     controller: 'PhoneDetailCtrl' 
     }). 
     otherwise({ 
     redirectTo: '/phones' 
     }); 
    }]); 

Контроллеры

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

phonecatControllers.controller('PhoneListCtrl', ['$scope', '$http', 
    function ($scope, $http) { 
    $http.get('phones/phones.json').success(function(data) { 
     $scope.phones = data; 
    }); 

    $scope.orderProp = 'age'; 
    }]); 

phonecatControllers.controller('PhoneDetailCtrl', ['$scope', '$routeParams', 
    function($scope, $routeParams) { 
    $scope.phoneId = $routeParams.phoneId; 
    }]);