aboutsummaryrefslogtreecommitdiffstats
path: root/docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc
diff options
context:
space:
mode:
Diffstat (limited to 'docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc')
-rw-r--r--docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc58
1 files changed, 58 insertions, 0 deletions
diff --git a/docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc b/docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc
new file mode 100644
index 00000000..2cce7b31
--- /dev/null
+++ b/docs/content/guide/dev_guide.bootstrap.manual_bootstrap.ngdoc
@@ -0,0 +1,58 @@
+@workInProgress
+@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 type="text/javascript" src="http://code.angularjs.org/angular.js"
+ ng:autobind></script>
+ <script type="text/javascript">
+ (angular.element(document).ready(function() {
+ angular.compile(document)();
+ })(document);
+ </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}