Angularjs 错误：$injector:moduler模块错误p0=任务_Angularjs_Angularjs Directive_Angularjs Scope

Angularjs 错误：$injector:moduler模块错误p0=任务

angularjs

Angularjs 错误：$injector:moduler模块错误p0=任务,angularjs,angularjs-directive,angularjs-scope,Angularjs,Angularjs Directive,Angularjs Scope,我有一个简单的角度代码，由于这个错误而无法运行；我添加了服务器找到的角度路由器文件，但它一直给我这个错误 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.5/$injector/modulerr?p0=task&p1=Error%3A%20…0Uc%20(http%3A%2F%2Flocalhost%3A3000%2Fangular%2Fangular.min.js%3A22%3A332)

我有一个简单的角度代码，由于这个错误而无法运行；我添加了服务器找到的角度路由器文件，但它一直给我这个错误

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.5/$injector/modulerr?p0=task&p1=Error%3A%20…0Uc%20(http%3A%2F%2Flocalhost%3A3000%2Fangular%2Fangular.min.js%3A22%3A332)
    at angular.min.js:7
    at angular.min.js:43
    at p (angular.min.js:8)
    at g (angular.min.js:42)
    at gb (angular.min.js:46)
    at c (angular.min.js:22)
    at Uc (angular.min.js:22)
    at xe (angular.min.js:21)
    at angular.min.js:333
    at HTMLDocument.b (angular.min.js:38)

我的视图代码是

<html >
    <head>
        <title>
        </title>
    </head>
    <body ng-app="task" ng-init="first = 1;">
        <h1>Task List</h1>

        <div ng-controller="ctrl">
            <span>Values: {{first}}</span>
            <input type="text" ng-model="first" />
        </div>



        <script src="angular/angular.min.js"></script>
        <script src="bower_components/angular-route/angular-route.js"></script>
         <script src="angular/app.js"></script>
    </body>

</html>

请提供帮助。

您可能需要稍微重写app.js代码：

task.controller('ctrl', ['$scope', function($scope) {
  $scope.first = 1;
}]);

顺便说一句，当你也在模板中进行初始化时，为什么要在控制器中首先进行初始化？有什么原因吗？

您可能需要稍微重写app.js代码：

task.controller('ctrl', ['$scope', function($scope) {
  $scope.first = 1;
}]);

顺便说一句，当你也在模板中进行初始化时，为什么要在控制器中首先进行初始化？有原因吗？

你也可以这样做

var task = angular.module('myApp', ['ngRoute']);
task.controller('ctrl', taskCtrl);

function taskCtrl($scope){
 // your logic here
}

另外，将ng应用程序标记移动到单独的div，并在其下方放置JS脚本标记，您也可以这样做

var task = angular.module('myApp', ['ngRoute']);
task.controller('ctrl', taskCtrl);

function taskCtrl($scope){
 // your logic here
}

同时将ng应用程序标记移动到单独的div，并在其下方放置JS脚本标记。错误消息明确指出：

无法实例化模块任务，原因是：错误：…0Uc（）

模块名称需要与

ng app

指令中使用的名称匹配：

<body ng-app="task" ng-init="first = 1;">

错误消息明确指出：

无法实例化模块任务，原因是：错误：…0Uc（）

模块名称需要与

ng app

指令中使用的名称匹配：

<body ng-app="task" ng-init="first = 1;">

感谢您的优化；）感谢您的优化；）