控制器不使用 angularJS 渲染

Question

我刚刚开始学习 angularJS，我的第一个控制器有问题。

这是我的 HTML：

<!DOCTYPE html>
<html ng-app="">
<head lang="en">
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="includes/stylesheet.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
    <script type="text/javascript" src="includes/main.js"></script>
</head>
<body>
    <div ng-controller="firstCtrl">
        <h1>{{data.message +" world"}}</h1>
        <div class="{{data.message}}">
            This is just a game!
        </div>
    </div>
</body>
</html>

这是 javascript 文件 main.js:

function firstCtrl ($scope){

    $scope.data = {message: "Hello"};
}

在教程中，我使用的是我认为在 h1 中看到的 Hello World 消息，但我实际看到的是：

{{data.message +" world"}}

这只是一个游戏！

这是控制台中的错误：

 Error: [ng:areq] http://errors.angularjs.org/1.3.8/ng/areq?p0=firstCtrl&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:6:416
    at Qb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:19:417)
    at sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:20:1)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:76:95
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:57:257
    at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:7:408)
    at v (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:57:124)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:52:9)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:52:26)

谁能帮我看看这是什么？？我从教程中复制了确切的代码，所以我猜它与我的配置有关，但我不知道它是什么

Answer 1

问题出在您的控制器上。尝试像这样更改您的控制器

var myApp = angular.module('***',[]);

myApp.controller('firstCtrl', ['$scope', function($scope) {
   $scope.data = {message: "Hello"};
}]);

Answer 2

好的，我在这里找到了答案：[Controller not a function, got undefined, while defining controllers globally

Igor Semin - 感谢指南

控制器不使用 angularJS 渲染

controller doesnt render using angularJS

html

javascript

angularjs

angularjs-controller