我是 Angular 的新手,我正在观看 Angular 网站上的 Angular 介绍视频。我的代码不工作,我不知道为什么不。我得到错误
Error: ng:areq
Bad Argument
Argument 'MainController' is not a function, got undefined
这是我的代码。
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Angular Demo</title>
</head>
<body>
<main ng-controller="MainController">
<p>{{message}}</p>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script>
function MainController($scope) {
$scope.message = "Controller Example";
}
</script>
</body>
</html>
我做错了什么?
最佳答案
After angular version 1.3 global controller function declaration is disabled
您需要使用模块化方法才能使其发挥作用。
您应该先定义 angular.module,然后再向其中包含 Angular 组件
angular.module('app', [])
.controller('MainController', function ($scope) {
$scope.message = "Controller Example";
})
然后更改 ng-app
以使用该模块 ng-app="app"
关于javascript - Angular.js Controller 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32493121/