각도 범위에서 외부 컨트롤러를 호출하는 방법

Question

angularJS을 사용하여 프로젝트를 생성 중입니다. 여기에는 여러 HTML 파일 스크립트 섹션에 많은 컨트롤러가 있습니다. 내 홈 페이지 파일에서는 HTML 페이지의 머리 부분에 scripts을 참조하지 않고 이러한 컨트롤러와 범위 값을 호출해야합니다. 타사 플러그인을 사용하지 않고 스크립트 섹션에서 외부 컨트롤러를 호출 할 수있는 방법이 있습니까? 또한 그것에 대해 분석하는 동안 내가 설정에 해결 옵션을 사용하는 몇 가지 제안있어. 내 목표를 달성하기 위해 해결 옵션을 사용하도록 제안 해 줄 사람이 있습니까?

내 아래 코드 내 HTML 페이지에서

, 어떤 제안에 대한

var mainApp = angular.module("mainApp", ['ngRoute']); 
mainApp .config(function ($routeProvider, $locationProvider) { 
$routeProvider 
    // home page 
     .when('/', { 
      templateUrl: 'Samples/accordion.html', 
      controller: "AddStudentController", 
     }) 
}); 

my html section: 
<h1> I am controller 1</h1> 
<script> 
<h1>AddStudent</h1> 
mainApp.controller('AddStudentController', function($scope) { 
$scope.message = "This page will be used to display add student form"; 
    }); 
</script> 

감사를 참조하십시오

Answer 1

난 당신이 스크립트 태그의 컨트롤러 파일을 포함 할 필요가 사용할 수 있도록 컨트롤러의

http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs

Answer 2

스크립트 태그 전에 앱로드 다음 각 mainApp가 인식하지 않을 경우 및 오류가 발생합니다.

var mainApp = angular.module("mainApp", ['ngRoute']); 
    mainApp .config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
     // home page 
      .when('/', { 
       templateUrl: 'Samples/accordion.html', 
       controller: "AddStudentController", 
      }) 
    }).controller('AddStudentController',function($scope){ 
      //first controller 
    }).controller('GeStudentController',function($scope){ 
      //first controller 
    }); 

    my html section: 
    <div ng-controller="AddStudentController"> 
    <h1> I am controller 1</h1> 

    <h1>AddStudent</h1> 
    </div> 
<div ng-controller="GetStudentController"> 
    <h1> I am controller 1</h1> 

    <h1>GetStudent</h1> 
    </div>