Angularjs 경로 정의에 injectect 모듈의 컨트롤러를 사용하십시오.

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; 
    }]);