To register a controller to a module, first you have to create an angularjs module using angular object module method() and create a controller by setting up the initial state of the scope object in JavaScript function. You can register a controller with the module object as shown below.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript">
var myModule = angular.module("Module1", []);
var Mycontroller = function ($scope) {
$scope.msg = "Welcome to Infinetsoft";
}
myModule.controller("mycontroller",Mycontroller);
</script>
view:
<body ng-app="Module1">
<div ng-controller="mycontroller">
{{ msg }}
</div>
</body>
Description:
As Here, myModule and Mycontroller are the name of the module and controller. We registered a Mycontroller into myModule by using a controller property of angularjs.
Output:
Post your comments / questions
Recent Article
- How to programmatically modifying the AppSetting value in web.config using c#?
- TypeError [ERR_INVALID_CALLBACK]: Callback must be a function. Received undefined
- How to calculate the age from jQuery ui datepicker using c#?
- How to calculate days difference between two dates in c#?
- Changing date format in jQuery ui datepicker
- How to set value to nicedit textarea using jQuery?
- How to load data from json file in angular?
- cannot find module consider using '--resolvejsonmodule' to import module with json extension angular
Related Article