var app = angular.module('myApp', []);
app.controller('departmentController', function ($scope) {
$scope.controllerName = "departmentController";
$scope.message = "This controller contains data related to department";
});
app.controller('employeeController', function ($scope) {
$scope.controllerName = "employeeController";
$scope.message = "This controller contains data related to employee";
});
<body ng-app="myApp">
<h1>Multiple Controllers Example</h1>
<div ng-controller="departmentController"> Controller Name: {{controllerName}}<br/> Message: {{message}}
<br>
<br>
<input type="text" ng-model="message"/>
</div>
<br>
<div ng-controller="employeeController"> Controller Name: {{controllerName}}
<br>
Message: {{message}}
<br> <br>
<input type="text" ng-model="message"/>
</div>
</body>