In this AngularJS basic example you will learn what is controller and how to register controller with module in AngularJS.
Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom.
Syntax1
var app = angular.module("moduleName",[]); //Create the controller var myController = function($scope){ $scope.yourProperty = 'This is from controller'; } //Register controller with module app.controller("myController",myController);
Syntax2
var app = angular.module("moduleName",[]); //Create the controller function myController($scope) { $scope.yourProperty = 'This is from controller'; } //Register controller with module app.controller("myController",myController);
Syntax3
var app = angular.module("moduleName",[]); app.controller('myController', function($scope) { $scope.yourProperty = 'This is from controller'; });
Access controller in DOM element
<h1 ng-controller="myController">Message from contgroller {{ yourProperty }}</h1>
<html ng-app="moduleName">
<head> <! -- www.techstrikers.com -->
<title>My first AngularJS code</title>
<Script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js"></Script>
<script>
//Create module
var app = angular.module("moduleName",[]);
//Create the controller
function myController($scope) {
$scope.yourProperty = 'This is from controller';
}
//Register controller with module
app.controller("myController",myController);
</script>
</head>
<body>
<h1 ng-controller="myController">Message - {{ yourProperty }}</h1>
</body>
</html>