简体   繁体   English

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

[英]How to call the external controller from angular scope

I am creating a project using angularJS . 我正在使用angularJS创建一个项目。 Here I have many controllers in different HTML files script section. 在这里,我在不同的HTML文件脚本部分中有许多控制器。 In my home page file, I have to call these controllers and scope values without referring the scripts in the head section of the HTML page. 在我的主页文件中,我必须调用这些控制器和作用域值,而无需引用HTML页面开头部分中的scripts Is there any possible way to call the external controller from script section without using any third party plugin. 有没有任何可能的方式可以从脚本部分调用外部控制器而无需使用任何第三方插件。 Also while analyzing about that I got some suggestion to use resolve option in config. 另外,在进行分析时,我得到了一些在配置中使用resolve选项的建议。 Can you please anyone suggest me to use resolve option to achieve my goal. 能否请任何人建议我使用“解决”选项来实现我的目标。

Please refer my below code 请参考我下面的代码

In my html page, 在我的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>

Thanks for any suggestion 感谢您的任何建议

If your app loads before the script tags then your angular mainApp will not be recognized and you will get error. 如果您的应用在脚本标记之前加载,则您的角度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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM