添加 ngRoute `.config` 后控制器未注册错误

Question

控制器无法识别 - AngularJS 错误

我在 controllerPloyee.js 中定义了一个名为 controllerPloyee 的控制器，它在我添加 ngRoute 并进行路由之前工作。显示的错误是

angular.min.js:127 Error: [$controller:ctrlreg] http://errors.angularjs.org/1.7.8/$controller/ctrlreg?p0=controllerPloyee

我已经检查了文档和其他问题，同样的错误，但没有帮助。

Index.html

<html ng-app="ployee">
<head>
    <!--Angular-->
    <script src="lib/angular.min.js"></script>
    <script src="lib/angular-route.js"></script>
    <!--JS-->
    <script src="assets/js/moduloPloyee.js"></script>
    <!--Controllers-->
    <script src="assets/js/controllers/controllerPloyee.js"></script>
    <!--Services-->
    <script src="services/routeConfig.js"></script>
</head>
<body>
    <div ng-view></div>
    <div ng-include="'view/footer.html'"></div>
</body>
</html>

routeConfig.js

angular.module('ployee', ['ngRoute']).config(function($routeProvider){
    $routeProvider.when('/login', {
        templateUrl: "view/login.html",
        controller: "controllerPloyee"
    }).when('/',{
        templateUrl: "view/login.html",
        controller: "controllerPloyee"
    }).otherwise({redirectTo: "/login"})
})

controllerPloyee.js

angular.module('ployee').controller('controllerPloyee',  function($scope){
});

Answer 1

创建模块的脚本需要放在其他脚本之前：

<!--Angular-->
<script src="lib/angular.min.js"></script>
<script src="lib/angular-route.js"></script>
<!-- IMPORTANT needs to be place here -->
<script src="services/routeConfig.js"></script>
<!--JS-->
<script src="assets/js/moduloPloyee.js"></script>
<!--Controllers-->
<script src="assets/js/controllers/controllerPloyee.js"></script>
<!--Services-->
̶<̶s̶c̶r̶i̶p̶t̶ ̶s̶r̶c̶=̶"̶s̶e̶r̶v̶i̶c̶e̶s̶/̶r̶o̶u̶t̶e̶C̶o̶n̶f̶i̶g̶.̶j̶s̶"̶>̶<̶/̶s̶c̶r̶i̶p̶t̶>̶

语句angular.module('ployee', ['ngRoute'])创建了一个新模块。语句 angular.module('ployee') 检索模块以进行进一步配置。

在控制器脚本之后创建模块时，控制器丢失。这就是为什么创建模块的脚本需要放在其他添加控制器、服务、过滤器、指令、常量等的脚本之前

模块是您应用程序的容器。

传递一个参数会检索现有的 angular.Module，而传递多个参数会创建一个新的 angular.Module。

来自文档：¹

Creation versus Retrieval

Beware that using angular.module('myModule', []) will create the module myModule and overwrite any existing module named myModule. Use angular.module('myModule') to retrieve an existing module.

有关详细信息，请参阅

添加 ngRoute `.config` 后控制器未注册错误

Controller is not registered error after adding ngRoute `.config`

angularjs

angularjs-controller

angularjs-module

控制器无法识别 - AngularJS 错误

Creation versus Retrieval