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>
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|