<html>
<head>
<title>Schedule Task</title>
<meta charset="utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
<script src="Task.js"></script>
</head>
<body ng-app="TaskApp">
<h1>Task</h1>
<div>
{{course}}
</div>
</body>
</html>
========================================================
task.js
========================================================
(function () {
var app = angular.modules("TaskApp", []);
app.controller("TaskController", function ($scope) {
$scope.course = { "title": "AngularJS 101", "Description": "Awesome" };
});
})();
次の 2 つのエラーが発生します。
1) キャッチされていない TypeError: angular.modules は関数ではありません。
2) angular.min.js:35 Uncaught エラー: [$injector:modulerr] http://errors.angularjs.org/1.3.3/ $injector/modulerr?p0=TaskApp&p1=Error%3A…ogleapis.com%2Fajax %2Flibs%2Fangularjs%2F1.3.3%2Fangular.min.js%3A17%3A381)。
stackoverflow のさまざまな投稿に記載されているすべてのソリューションを試しました。最後に () を追加し、iffe を作成し、名前のタイプミスをチェックしましたが、何も機能していないようです。また、角度の異なるバージョンも試しました。