AngularJS angular.bootstrap() Function Last Updated : 06 Sep, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report The angular.bootstrap() Function in AngularJS is a functional component in the Core ng module which is used to start up an Angular application manually, it provides more control over the initialization of the application. Syntax: angular.bootstrap(element, [modules], [config]);Parameter Values: element: An element is a DOM element (e.g. document) that is the root of the Angular application.Modules: (Optional)Modules are an array of modules to be loaded.Config: (Optional)Config is an object used for configuration options.Example 1: This example describes the usage of the angular.bootstrap() Function in AngularJS. HTML <!DOCTYPE html> <html> <head> <title>angular.bootstrap() Function</title> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"> </script> <style> .id { font-size: 1.5em; color: green; } </style> </head> <body ng-app="app" style="text-align:Center"> <h1 style="color:green">GeeksforGeeks</h1> <h2>angular.bootstrap()</h2> <div ng-controller="geek"> <span class="id">{{name}}</span> is the computer science portal for geeks. </div> <script> var app = angular.module("app", []); app.controller('geek', ['$scope', function ($scope) { $scope.name = "GeeksforGeeks"; }]); angular.bootstrap(document, ['app']); </script> </body> </html> Output: Example 2: This example describes the usage of the angular.bootstrap() Function in AngularJS by specifying the radio button. HTML <!DOCTYPE html> <html> <head> <title>angular.bootstrap() Function</title> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"> </script> </head> <body ng-app="app" style="text-align:Center"> <h1 style="color:green"> GeeksforGeeks </h1> <h2>angular.bootstrap()</h2> <div ng-controller="geek"> <div class="col-md-3 well" ng-init="count=0"> Male: <input type="radio" ng-model="gender" value="Male" ng-change="layout(gender)" /> Female: <input type="radio" ng-model="gender" value="Female" ng-change="layout(gender)" /> <pre> <b>You selected:</b> {{result}} </pre> </div> </div> <script> var app = angular.module("app", []); app.controller('geek', ['$scope', function ($scope) { $scope.layout = function (gender) { $scope.result = gender; } }]); angular.bootstrap(document, ['app']); </script> </body> </html> Output: Comment More infoAdvertise with us Next Article Angular ngx Bootstrap V Vishal Chaudhary 2 Follow Improve Article Tags : Web Technologies AngularJS AngularJS-Function Similar Reads Angular ngx Bootstrap Introduction Angular ngx Bootstrap is an open-source (MIT Licensed) project, that provides Bootstrap components powered by Angular, which does not require including any original JS components. This framework facilitates the creation of components with great styling with very easy to use, which, in turn, helps to 4 min read Angular ng Bootstrap Alert Component Angular ng bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will see how to use Alert in angular ng bootstrap. Alert is used to provide contextual feedback 2 min read Angular MDBootstrap Clearfix Utilities MDBootstrap is a Material Design and bootstrap-based Angular UI library that is used to make attractive webpages with its seamless and easy-to-use component. In this article, we will know how to use Clearfix Utilities in Angular MDBootstrap. The Clearfix Utilities is used to automatically clear or f 2 min read Angular ngx Bootstrap Alerts Component Angular ngx bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will know how to use alert in angular ngx bootstrap. The Alerts is used to provide contextual f 2 min read Angular ngx Bootstrap Angular ngx Bootstrap is an open-source independent project that provides Bootstrap components powered by Angular. It is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. With the help of ng 4 min read Angular MDBootstrap Icons MDBootstrap is a Material Design and bootstrap-based Angular UI library that is used to make good-looking webpages with its seamless and easy-to-use component. In this article, we will know how to use Icons in Angular MDBootstap. Icons are a visual representation of any element which can be a link o 3 min read Like