Angularjs Examples

AJS Examples


How to register controller with module in AngularJS

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>

How to register controller with module in AngularJS

<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>