var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>angularjs call function on page load</title>
<script src="https://code.angularjs.org/1.4.9/angular.js"></script>
<script>
var app = angular.module('pageLoadApp', []);
app.controller('pageLoadAppCtrl', ["$scope", function($scope) {
$scope.onloadFun = function() {
alert(1);
}
}]);
</script>
</head>
<body ng-app="pageLoadApp" ng-controller="pageLoadAppCtrl">
<div data-ng-init="onloadFun()">
<a href="http://www.code-sample.com/" target="_blank">Welcome you! AngularJs call function on page load.</a>
</div>
</body>
</html>
/* Put your css in here */