2

私は AngularJS を初めて使用し、plnkr.co を使用して角度の使用方法を学びます。モジュールが初期化された場所とは別の .js に格納されている Controller を登録するのに苦労しています。以下が機能しない理由を誰か教えてもらえますか?

index.html ファイル 

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

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.4.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js" data-semver="1.4.6"></script>
  <script src="app.js"></script>
  <script scr="mainCtrl.js"></script>
</head>

<body ng-controller="MainCtrl">
  <p>Hello {{name}}!</p>
</body>

</html>

app.js ファイル

angular.module('plunker', []);

mainCtrl.js ファイル

angular.module('plunker')
  .controller('MainCtrl', ['$scope', function($scope) {
    $scope.name = 'GitHub';
  }]);

私にとって、これは Argument 'MainCtrl' is not a function, got undefined を生成します。

4

1 に答える 1

7

交換

<script scr="mainCtrl.js"></script>

と

<script src="mainCtrl.js"></script>

タイプミス ( のscr代わりsrc) のため、保持しているソース ファイルMainCtrlは読み込まれていないため、MainCtrl未定義です。

于 2015-09-29T22:20:05.727 に答える