mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 15:40:22 +00:00
f38010d3a2
Change introduced by me in 8611ebe6 results in considerable inefficiencies when the compiler
and linker is used from within a widget, in which case, we call $digest unnecessary since it
will be called by the $apply which called the directive/widget in the first place.
There are only two places when the extra $digest call can be useful - when manually bootstrapping
the app or in tests. However even in tests this behavior can result in unwanted results (especially
when ng:controller is involved). So it is better to leave it for the developer to call $digest
when it is really needed.
46 lines
1.4 KiB
Text
46 lines
1.4 KiB
Text
@ngdoc overview
|
|
@name Developer Guide: Initializing Angular: Manual Initialization
|
|
@description
|
|
|
|
Letting angular handle the initialization process (bootstrapping) is a handy way to start using
|
|
angular, but advanced users who want more control over the initialization process can choose to use
|
|
the manual bootstrapping method instead.
|
|
|
|
The best way to get started with manual bootstrapping is to look at the what happens when you use
|
|
{@link api/angular.directive.ng:autobind ng:autobind}, by showing each step of the process
|
|
explicitly.
|
|
|
|
<pre>
|
|
<!doctype html>
|
|
<html xmlns:ng="http://angularjs.org">
|
|
<head>
|
|
<script src="http://code.angularjs.org/angular.js"></script>
|
|
<script>
|
|
angular.element(document).ready(function() {
|
|
angular.compile(document)().$apply();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
Hello {{'World'}}!
|
|
</body>
|
|
</html>
|
|
</pre>
|
|
|
|
This is the sequence that your code should follow if you bootstrap angular on your own:
|
|
|
|
1. After the page is loaded, find the root of the HTML template, which is typically the root of
|
|
the document.
|
|
2. Run angular's {@link dev_guide.compiler Angular HTML compiler}, which converts a template into
|
|
an executable, bi-directionally bound application.
|
|
|
|
|
|
## Related Topics
|
|
|
|
* {@link dev_guide.bootstrap Initializing Angular}
|
|
* {@link dev_guide.bootstrap.auto_bootstrap Automatic Initialization}
|
|
* {@link dev_guide.compiler Angular HTML compiler}
|
|
|
|
## Related API
|
|
|
|
{@link api/angular.compile Compiler API}
|