Question

I created one sample application of Angular Js. It's working if I take only one controller. If I took tow controller then it's not working. It's showing Error: [$controller:ctrlreg] The controller with the name 'FirstNameController' is not registered. error. I referred this site

<!DOCTYPE html>
<html>
<head>
<meta chrset="UTF 8">
 <link rel="stylesheet" href="css/bootstrap.css"/>
</head>
<body>
<h1> Guru99 Global Event</h1>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="lib/angular.js"></script>
<script src="lib/bootstrap.js"></script>
<script src="lib/jquery-1.11.3.min.js"></script>

<div ng-app="DemoApp">
 <div ng-controller="FirstNameController">

    First Name : <input type="text" ng-model="firstName"><br>

    first Name: {{firstName}}
 </div>
<div ng-controller="LastNameController">
    Last name : <input type="text" ng-model="LastName"><br>
    Last Name: {{LastName}}
</div>
</div>
<script>
angular.module('DemoApp',[]).controller('FirstNameController', function($scope){
    $scope.firstName = "Anil";
});
angular.module('DemoApp',[]).controller('LastNameController', function($scope){
    $scope.LastName = "Jagtap";
});
</script>

</body>
</html>

Answer 1

Angular.module("DemoApp") will create the module again.

So declare are

var module = Angular.module("DemoApp")


 module.controller('FirstNameController', function($scope){
    $scope.firstName = "Anil";
});

module.controller('lastNameController', function($scope){
    $scope.firstName = "Anil";
});

Error: [$controller:ctrlreg] The controller with the name &#39;FirstNameController&#39; is not registered

1 个答案:

Error: [$controller:ctrlreg] The controller with the name 'FirstNameController' is not registered