In angularjs, the ng-init attribute are used to initialize the data on page load.
The AngularJs code sample
The AngularJs code sample
1
2
3
4
5
6
7
| var app = angular.module("myApp", []);app.controller("MyController", ['$scope', function ($scope) { $scope.data = { dosomethig: 'put ant thing here' }}]); |
var app = angular.module("myApp", []);
app.controller("MyController", ['$scope', function ($scope) {
$scope.data = {
dosomethig: 'put ant thing here'
}
}]);
The example as given below.
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
| <!DOCTYPE html><html><head lang="en"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script> <script type="text/javascript"> var app = angular.module("myApp", []); app.controller("MyController", ['$scope', function ($scope) { $scope.data = { dosomethig: 'put ant thing here' } }]); </script></head><body ng-app="myApp"> <div ng-controller="MyController"> <div ng-init="data"></div> </div></body></html> |
<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("myApp", []);
app.controller("MyController", ['$scope', function ($scope) {
$scope.data = {
dosomethig: 'put ant thing here'
}
}]);
</script>
</head>
<body ng-app="myApp">
<div ng-controller="MyController">
<div ng-init="data"></div>
</div>
</body>
</html>