angular.bootstrap
描述:
手动初始化angular。
这个函数会自动检测创建的module有没有被加载多次,如果有则会在浏览器的控制台打出警告日志,并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。
使用方法:
angular
.
bootstrap
(
element
,
[
modules
],
[
config
]);
参数详解:
Type
返回值:
element | DOMElement | DOM元素,作为angular的根元素 |
modules
(optional)
|
Array <String|Function|Array> |
modules的一个数组,这里的module可以是用户事先定义好的module或者是注入已有的function。 |
config
(optional)
|
Object | 拥有配置的对象。支持的配置如下:
strictDi - 禁用angular函数的注解, 一般拥有debug. 默认值是false.
|
返回值:
返回最新创建的
injector
示例代码:
示例一:
如果不使用此函数是如下来运行angular函数的
<!doctype html> <html ng-app="demo"> <body> <div ng-controller="WelcomeController"> {{greeting}} angular.bootstrap demo! </div> <script src="angular.min.js"></script> <script> var app = angular.module('demo', []) .controller('WelcomeController', function($scope) { $scope.greeting = 'Welcome'; }); </script> </body> </html>如果使用此函数
<!doctype html> <html> <body> <div ng-controller="WelcomeController"> {{greeting}} angular.bootstrap demo! </div> <script src="angular.min.js"></script> <script> var app = angular.module('demo', []) .controller('WelcomeController', function($scope) { $scope.greeting = 'Welcome'; }); angular.bootstrap(document, ['demo']); </script> </body> </html>