Astute JS : Angular JS

Monday, June 15, 2015

Angular JS - Controllers

In Angular JS Controller is the Javascript constructor function.
When directive ng-controller is added to the DOM, Angular create a constructor function to the controller.
And creates variable $scope to the respective controller.

<body ng-app="myApp">
     <div ng-controller="myController"> {{message}} <br />
    <input type="text" ng-model="sqr" ng-init="sqr=5"> Square of      <b>{{sqr}}</b> = {{square(sqr)}}
    </div>
</body>

<script>
var myApp = angular.module('myApp',[]);
myApp.controller('myController', ['$scope', function($scope) {

     //Property to the scope
     $scope.message = 'Hello!';

    //Behaviour to the scope
    $scope.square = function(v) {
        return v * v;
    };

}]);
</script>