In this Article, I will show you what happens if the controller name is misspelled. There are two things are happening when the controller name is misspelled. First things is An error raised. Would you like to see the error use developer tools in your browser. Second thing is the binding expression in the view that are in the scope of the controller will not be evaluated.
Example:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script>
<script src="Script/angular.js" type="text/javascript"></script>
<script type="text/javascript">
var myModule = angular.module("Module1", []);
myModule.controller("mycontroller", function ($scope) {
var student = {
firstname: "Mohamed",
lastname: "Mohaideen",
gender: "Male",
qualification: "B.com"
};
$scope.student = student;
});
</script>
<body ng-app="Module1">
<div ng-controller="mycontroller1">
<div>
First Name = {{student.firstname}}
</div>
<div>
Last Name = {{student.lastname}}
</div>
<div>
Gender = {{student.gender}}
</div>
<div>
Qualification = {{student.qualification}}
</div>
</div>
</body>
Description:
In this above example, the controller name mycontroller1 is misspelled instead of mycontroller, so the name of the scope object student will not be evaluated in the view.
Post your comments / questions
Recent Article
- How to fix CMOS Checksum Error in Computer or Laptop | SOLVED
- Reactivating windows after a Hardware change on PC or Laptop
- FIXED: Windows reported that the hardware of your device has changed. Error code :0xc004F211
- "redirect" is not defined pylance("reportUndefinedVariable)
- This action cannot be completed because the file is open in SQL Server(SQLEXPRESS) - FIXED
- Unicode error 'unicodeescape' codec can't decode bytes in position 2-3: truncated UXXXXXXXX escape
- Could not find the 'angular-devkit/build-angular:dev-server' builder's node package | Angular Error
- Error: error:0308010C:digital envelope routines::unsupported
Related Article