The controller with the name 'mainController' is not registered

前端未结

关注

 5  1206

i have this code in my script.js file

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

and this is my HTML

相关标签:

5条回答

有刺的猬

2021-01-04 23:26

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)

Happy的楠姐

2021-01-04 23:32

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)

后悔当初

2021-01-04 23:44
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)
发布评论:

提交评论
- 加载中...
野性不改

2021-01-04 23:45
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)
发布评论:

提交评论
- 加载中...
情深已故

2021-01-04 23:48

In case you have your code correct and still getting this error then look in the Console (JS Console) in the browser using inspect window for another JS error shown. Most propably that error will be before this error.

If you solve that JS error then this will get resolved automatically if your code is right. In my case I started getting this error out of the sudden and tried to solve it but nothing work and then I try something else for sometime and saw another error above this error and tried solving it. That was a easy thing to solve and once done this error also got solved by itself.

0 讨论(0)
发布评论:

提交评论
- 加载中...

The controller with the name 'mainController' is not registered

Migrating from 1.2 to 1.3