Improve this Doc  View Source

angular.bootstrap

  1. - function in module ng

Use this function to manually start up angular application.

See: Bootstrap

Note that ngScenario-based end-to-end tests cannot use this function to bootstrap manually. They must use ngApp.

Angular will detect if it has been loaded into the browser more than once and only allow the first loaded script to be bootstrapped and will report a warning to the browser console for each of the subsequent scripts. This prevents strange results in applications, where otherwise multiple instances of Angular try to work on the DOM.

  Edit in Plunker
<script src="../../../angular.js"></script>
<div ng-controller="BrokenTable">
  <table>
  <tr>
    <th ng-repeat="heading in headings">{{heading}}</th>
  </tr>
  <tr ng-repeat="filling in fillings">
    <td ng-repeat="fill in filling">{{fill}}</td>
  </tr>
</table>
</div>
var app = angular.module('multi-bootstrap', [])

.controller('BrokenTable', function($scope) {
    $scope.headings = ['One', 'Two', 'Three'];
    $scope.fillings = [[1, 2, 3], ['A', 'B', 'C'], [7, 8, 9]];
});
it('should only insert one table cell for each item in $scope.fillings', function() {
expect(element.all(by.css('td')).count())
    .toBe(9);
});

Usage

angular.bootstrap(element, [modules]);

Arguments

Param Type Details
element DOMElement

DOM element which is the root of angular application.

modules
(optional)
Array<String|Function|Array>=

an array of modules to load into the application. Each item in the array should be the name of a predefined module or a (DI annotated) function that will be invoked by the injector as a run block. See: modules

Returns

auto.$injector

Returns the newly created injector for this app.