HTML Page
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="assets/js/angular.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<h2>Hi {{helloTo.title}}, Start exploring angular js</h2>
Enter Your Name<input type="text" ng-model="name">
<span ng-bind="name"></span>
</div>
<div ng-controller="studentController">
</div>
</body>
Javascript Section
function HelloController($scope) {
$scope.helloTo = {};
$scope.helloTo.title = "Rahul Devan";
}
I want to use multiple controllers in the same page within the same JS file. Hence, I have structured my controllers in this manner.
The current output looks like https://i.stack.imgur.com/UdRY5.jpg
Your help in identifying the error would be greatly appreciated