step-1 compilation

mhevery · Sep 12, 2012 · 194a1ee · 194a1ee
1 parent 654f7d7
commit 194a1ee
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 1 deletion.
diff --git a/app/index.html b/app/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" ng-app="myApp">
+<html lang="en">
 <head>
   <meta charset="utf-8">
   <title>Directive Demo</title>
@@ -12,8 +12,17 @@
   <script src="js/controllers.js"></script>
   <script src="js/filters.js"></script>
   <script src="js/directives.js"></script>
+  <script src="js/bootstrap.js"></script>
 </head>
 <body ng-controller="Demo">
+  Name: <input ng-model="name">
 
+  <div>
+    Hello <span ng-bind="name"></span>
+  </div>
+
+  <ul>
+    <li ng-repeat="i in [1,2,3]">{{i}}</li>
+  </ul>
 </body>
 </html>
diff --git a/app/js/bootstrap.js b/app/js/bootstrap.js
@@ -0,0 +1,19 @@
+window.onload = function() {
+  var $rootElement = angular.element(window.document);
+  var modules = [
+    'ng',
+    'myApp',
+    function($provide) {
+      $provide.value('$rootElement', $rootElement)
+    }
+  ];
+  var $injector = angular.injector(modules);
+
+  var $compile = $injector.get('$compile');
+  var compositeLinkFn = $compile($rootElement);
+
+  var $rootScope = $injector.get('$rootScope');
+  compositeLinkFn($rootScope);
+
+  $rootScope.$apply();
+}
diff --git a/app/js/controllers.js b/app/js/controllers.js
@@ -1,4 +1,5 @@
 'use strict';
 
 myApp.controller('Demo', function($scope) {
+  $scope.name = 'world';
 });