The controller with the name 'mainController&#

2020-04-03 04:22发布

站内问答 / JavaScript
617 4 6

i have this code in my script.js file

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

and this is my 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>

i declared ng-app in the opening html tag

but i get this error on my console that mainController is not registered

4条回答
来，给爷笑一个
2楼-- · 2020-04-03 04:47

To paraphrase 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>

The important line is 

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

which injects your controller into your app

查看更多
0人赞 添加讨论(0) 举报
看我几分像从前
3楼-- · 2020-04-03 04:51

The code is following an obsolete example.

Migrating from 1.2 to 1.3

Controllers Due to 3f2232b5, $controller will no longer look for controllers on window. The old behavior of looking on window for controllers was originally intended for use in examples, demos, and toy apps. We found that allowing global controller functions encouraged poor practices, so we resolved to disable this behavior by default.

To migrate, register your controllers with modules rather than exposing them as globals:

Before:

function MyController() {
  // ...
}

After:

angular.module('myApp', []).controller('MyController', [function() {
  // ...
}]);

-- AngularJS Developer Guide -- Migrating from 1.2 to 1.3

查看更多
0人赞 添加讨论(0) 举报
Emotional °昔
4楼-- · 2020-04-03 05:03

You need to register your controller with as like this in your script.js file

var app = angular.module('myApp', []);
 app.controller('mainController', function($scope) {
  $scope.message= "msg";

   });
查看更多
0人赞 添加讨论(0) 举报
▲ chillily
5楼-- · 2020-04-03 05:08

You need to register your controller with the main module of your application.

Try this in your app.js

 var myApp = angular.module('app', []);
 myApp.controller('mainController', function($scope){
    $scope.message = "Plunker";     
 });

and in your html 

<!DOCTYPE html>
<html ng-app="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>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)