我有一个非常愚蠢的问题,但我不知道如何解决它。我有这个加载了 AngularJS 的 index.html
文件。我正在使用 Plunker 来测试代码:
<!DOCTYPE html>
<html ng-app="">
<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="BodyController">
<h1>{{ message }}</h1>
</body>
</html>
这个 script.js
文件包含以下信息:
var BodyController = function($scope) {
$scope.message = "Hi Angular!"
}
在检查器中它说:
Error: [ng:areq] Argument 'BodyController' is not a function, got undefined
脚本已加载。我已经在 JS 文件中定义了 Controller 并附加了 ng-controller
指令,所以我不知道这会在哪里失败。
最佳答案
这很basic的 AngularJS。
您首先需要创建一个 module :
var fooApp = angular.module("foo", [])
然后,在那里注册你的 Controller :
var BodyController = function($scope) {
$scope.message = "Hi Angular!"
}
fooApp.controller("BodyController", BodyController);
并且,在您的 HTML
标记中,像这样更改您的 ng-app
:
<html ng-app="foo"></html>
关于javascript - AngularJS 错误加载 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35080163/