错误：[ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=FirstCtrl&p1=not%20a%20function%2C%20got%20undefined?答案

【问题标题】：Error: [ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=FirstCtrl&p1=not%20a%20function%2C%20got%20undefined?错误：[ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=FirstCtrl&p1=not%20a%20function%2C%20got%20undefined?
【发布时间】：2015-08-22 09:13:32
【问题描述】：

我是 angularjs 的新手，想知道我的代码有什么问题。我正在学习一个教程，但因为这个错误我被卡住了。

index.php

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>AngularJS</title>
<link rel="stylesheet" href="foundation.min.css">
<script src="main.js"></script>
</head>
<body>

<div ng-app="">
    <div ng-controller="FirstCtrl">

    <h1>{{data.message + " world"}}</h1>
    <div class="{{data.message}}">
        Wrap me with foundation component
    </div>
    </div>
</div>

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4 
 /angular.min.js"></script>
</body>
</html>

main.js

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

【问题讨论】：

在角度
重复此stackoverflow.com/questions/19408011/…

标签： javascript angularjs

【解决方案1】：

你必须创建一个模块，像这样：

var app = angular.module("MyApp",[]);
app.controller("FirstCtrl",function($scope){
    $scope.data = {message: "hello"};
});



<div ng-app="MyApp">
    <div ng-controller="FirstCtrl">

    <h1>{{data.message + " world"}}</h1>
    <div class="{{data.message}}">
        Wrap me with foundation component
    </div>
    </div>
</div>

【讨论】：