AngularJS错误：参数“ FirstCtrl”不是函数，未定义

debugcn 发表于 Dev

拉丹塔

我目前正在上egghead.io AngularJS课程，并且遇到了一些其他人似乎遇到的问题。我在这里遇到的任何解决方案对我来说都行不通。在第二个视频中，讲师演示了如何将控制器连接到ng-apps。我已完全按照视频操作，重新启动了几次，并在此处尝试了解决方法。我得到以下错误控制台：

在一长串的错误中，我选择了第一个错误：

“ FirstCtrl'不是函数，未定义”

有人知道解决方案吗？Angular规范中有关分配控制器的内容是否有所更改，还是本课程会跳过信息？

代码：

function FirstCtrl($scope) {
  $scope.data = {
    message: "Hello"
  };
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>My Angular App</title>
  <link href='https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700' rel='stylesheet' type='text/css'>
</head>

<body>
  <div ng-app="">
    <div ng-controller="FirstCtrl">
      <h1>You said:</h1>
      <h3>{{data.message}}</h3>
    </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
</body>

</html>

蒙塞夫·哈森贝（Moncef Hassein-bey）

这是您的示例工作（运行示例...）。

添加您的应用名称。
使用angular.controller声明您的控制器。

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

angular.module('myApp').controller('FirstCtrl', FirstCtrl);

function FirstCtrl($scope) {
  $scope.data = {
    message: "Hello"
  };
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>My Angular App</title>
  <link href='https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700' rel='stylesheet' type='text/css'>
</head>

<body>
  <div ng-app="myApp">
    <div ng-controller="FirstCtrl">
      <h1>You said:</h1>
      <h3>{{data.message}}</h3>
    </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
</body>

</html>