javascript - 名称为 'mainController' 的 Controller 未注册

标签 javascript angularjs

我的 script.js 文件中有这段代码

var mainController = function($scope){
  $scope.message = "Plunker";
};

这是我的 HTML

<!DOCTYPE html>
<html ng-app>
    <head>
        <script data-require="angular.js@1.6.1" data-semver="1.6.1"    src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>
        <link rel="stylesheet" href="style.css" />
        <script src="script.js"></script>
    </head>

    <body ng-controller="mainController">
        <h1>Hello {{ message }}</h1>
    </body>
</html>

我在开始的 html 标签中声明了 ng-app

但我在控制台上收到此错误,指出 mainController 未注册

最佳答案

释义http://www.w3schools.com/angular/angular_modules.asp

 <div ng-app="myApp" ng-controller="mainController">
{{ firstName + " " + lastName }}
</div>

<script>

var app = angular.module("myApp", []);

app.controller("mainController", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

</script> 

重要的是

    app.controller("mainController", function($scope) 

将您的 Controller 注入(inject)您的应用

关于javascript - 名称为 'mainController' 的 Controller 未注册,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42084926/

相关文章:

javascript - JOI如何允许空格和标点符号

javascript - javascript 中多个条件未触发

javascript禁用/启用复选框

javascript - 如何使用来自 Ajax 请求的 json 数据生成高图(使用 angular js)

javascript - AngularJS $routeprovider 在 Mutitab 中路由

javascript - Controller 内的作用域函数未根据 View 中的 ng-models 更新值

javascript - 如何更改 amp-img src?

javascript - 如何使用 gulp 从以下配置自动构建

c# - AngularJS .Net WebAPI 上传图片并保存到数据库(MSSQL)

ruby-on-rails - Cookie 可能未设置或溢出,因为它太大