How to initialize a select box with options on page load in angularjs?

angularjs initialize options on page load

In angularjs, the ng-init attribute are used to initialize the data on page load.


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

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..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.