Hal*_*yon 5 html javascript angularjs angularjs-controller angularjs-module
我是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>
我究竟做错了什么？
角度版本 1.3 全局控制器函数声明被禁用后
您需要使用模块化方法才能使其发挥作用。
您应该首先定义 angular.module，然后在其中包含角度组件
angular.module('app', [])
.controller('MainController', function ($scope) {
$scope.message = "Controller Example";
})
然后更改ng-app为使用该模块ng-app="app"