Question

我是角色的新手，我正在通过某些教程工作，我遇到了以下错误，请帮我解决。我有2个文件，index.html和script.js，而我正在加载script.js文件，它给了我2个错误：1。未定义.2。未捕获错误：[$ injector：modulerr] 附上我的代码：

＆＃13;

var app = angular.module('app', []);

app.controller('todoController', ['$scope', function($scope) {
  $scope.list = [{
      name: "Testing",
      completed: true
    },
    {
      name: "test1",
      completed: false
    },
    {
      name: "app wasn't working",
      completed: true
    },
    {
      name: 'testing 2',
      completed: true
    }
  ]
}])

＆＃13;

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="script.js"></script>
</head>

<body>
  <div ng-controller="todoController">
    <ul style="list-style-type: none;">
      <li ng-repeat="todo in list">
        <input type="checkbox" ng-model="todo.completed"> {{todo.name}}
      </li>
    </ul>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</body>

</html>

＆＃13;

当我尝试在浏览器上运行上面的代码段时，我收到以下2个错误：

1

未捕获的ReferenceError：未定义角度

2

未捕获错误：[$ injector：modulerr] angular.js：88未捕获错误： [$喷油器：modulerr] http://errors.angularjs.org/1.6.9/ $注射器/ modulerr P0 =应用＆安培; P1 =错误％3A％20％5B％24injector％3Anomod％5D％20http％3A％2F％2Ferrors.angularjs.org％2F1.6.9％2F％24injector％ 2Fnomod％3Fp0％3Dapp％0A％20％20％20％20原子％20https％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A7％3A76％0A％ 20％20％20％20原子％20https％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A26％3A408％0A％20％20％20％20原子％ 20B％20（HTTPS％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A25％3A439）％0A％20％20％20％20原子％20https％3A ％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A26％3A182％0A％20％20％20％20原子％20https％3A％2F％2Fajax.googleapis.com ％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A42％3A332％0A％20％20％20％20原子％20R％20（HTTPS％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs ％2Fangularjs％2F1.6.9％2Fangular.min.js％3A8％3A7）％0A％20％20％20％20原子％20克％20（HTTPS％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％ 2F1.6.9％2Fangular.min.js％3A42％3A180）％0A％20％20％20％20原子％20GB％20（HTTPS ％3A％2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A46％3A250）％0A％20％20％20％20原子％20c的20％（HTTPS％3A％ 2F％2Fajax.googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A22 3A19％）％0A％20％20％20％20原子％20UC％20（HTTPS％3A％2F％2Fajax .googleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.6.9％2Fangular.min.js％3A22％3A332）

Answer 1

您需要在加载 script.js 引用后加载 angular.js 。将您的订单更改为以下。

<!DOCTYPE html>
<html ng-app="app">

<head>
</head>

<body>
  <div ng-controller="todoController">
    <ul style="list-style-type: none;">
      <li ng-repeat="todo in list">
        <input type="checkbox" ng-model="todo.completed"> {{todo.name}}
      </li>
    </ul>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> 
 </script>
  <script src="script.js"></script>
</body>
</html>

从另一个脚本文件加载时，$ injector错误的模块为角度

1 个答案: