Question

我知道这很小，但这是我第一次使用angular，而这个问题的其他答案分别关于每个控制器文件，而我的问题是关于在我的HTML页面中导入我的JavaScript文件。

简单地说，我有两个控制器文件：

Controller1.js

Controller2.js

在我的HTML文件中，它看起来像这样（问题是这里的代码片段）：

 <!-- Import our angular controller -->
 <script src="Controller1.js"></script>
 <script src="Controller2.js"></script>

并以这种方式使用：

    <!-- the ng-app is in the body... -->
    <div ng-controller="Controller1">
    </div>

注意：我只是在我的代码中使用一个控制器，只是根据我想要演示的示例手动更改控制器名称。我不需要在单独的元素上使用两个控制器或同时运行。

每个控制器都设置如下：

 angular.module('theAppName', [])
    .controller('Controller1', function($scope) 

and    

angular.module('theAppName', [])
    .controller('Controller2', function($scope) {

我遇到的问题是，当我只是导入我在HTML文件中使用的单个控制器脚本时，它可以正常工作。但是，如果我导入两个控制器，即使我没有使用它，它也会中断。如果我不想使用多个控制器，我可以导入吗？

Answer 1

当您注入第二个控制器时，您不必传递空的依赖项，它应该是

angular.module('theAppName')
    .controller('Controller2', function($scope) {
}

Angular - 添加多个控制器提示[$ controller：ctrlreg]错误

1 个答案: