Question

我正在使用angularJS创建项目。这里我在不同的HTML文件脚本部分有很多控制器。在我的主页文件中，我必须调用这些控制器和范围值，而不引用HTML页面的head部分中的scripts。是否有任何可能的方法从脚本部分调用外部控制器而不使用任何第三方插件。另外在分析我的时候，我有一些建议在config中使用resolve选项。你能不能请任何人建议我使用resolve选项来实现我的目标。

请参阅我的以下代码

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

如果您的应用在脚本代码之前加载，那么您的角度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>

Answer 2

我有想法通过以下参考完成这些

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

如何从角度范围调用外部控制器

2 个答案: