javascript - 如何从 Angular 范围调用外部 Controller

Question

我正在使用angularJS创建一个项目。这里我在不同的 HTML 文件脚本部分有很多 Controller 。在我的主页文件中，我必须调用这些 Controller 和范围值，而不引用 HTML 页面的 head 部分中的 scripts。有没有可能的方法可以从脚本部分调用外部 Controller 而不使用任何第三方插件。另外，在分析时，我得到了一些在配置中使用解析选项的建议。您能请任何人建议我使用解决选项来实现我的目标吗？

请引用我下面的代码

在我的 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

如果您的应用程序在脚本标记之前加载，那么您的 Angular 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>