javascript - Angular.js Controller 不工作

标签 javascript html 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>

我做错了什么?

最佳答案

After angular version 1.3 global controller function declaration is disabled

您需要使用模块化方法才能使其发挥作用。

您应该先定义 angular.module,然后再向其中包含 Angular 组件

Demo

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/

相关文章:

javascript - 部署后套接字io不工作

javascript - 如何创建减号和加号按钮来更新字段?

html - 如何使 BootStrap "carousel-item"类中的 HTML SVG 代码在移动屏幕和小屏幕中响应?

jquery - 通过Jquery获取点击链接的值?

javascript - 无法点击 anchor 链接

javascript - ng-switch 在 ng-repeat AngularJS 中不起作用

javascript - 如何在粘性标题后获取响应式表格?

javascript - javascript 新手,为什么我的按钮不起作用?

javascript - 将 fontawesome 图标添加到通过 ajax 生成的按钮

javascript - AngularJs Controller 未链接到 View