angular-js example

siddii · siddii · commit 2710d36b4ee6 · 2013-05-28T14:01:17.000-05:00
diff --git a/angular-js-example.html b/angular-js-example.html
@@ -2,15 +2,24 @@
 <html>
 <head>
     <title>Angular Timer Directive - Simple AngularJS Example</title>
+
     <script src="angular/angular.min.js"></script>
     <script src="app/js/timer.js"></script>
     <script>
         angular.module('MyApp', ['timer']);
-
     </script>
 </head>
-<html ng-app="MyApp">
-<body>
-    {{ 1 + 1}}
+<body ng-app="MyApp">
+    <div>
+        <timer id="timer1"></timer>
+    </div>
+    <div>
+        <timer interval="5000" id="timer2"></timer>
+    </div>
+    <div>
+        <timer id="timer3">
+            {{minutes}} minutes, {{seconds}} seconds.
+        </timer>
+    </div>
 </body>
-</html>
+</html>
diff --git a/app/js/timer.js b/app/js/timer.js
@@ -6,7 +6,7 @@ angular.module('timer', [])
       scope: {interval: '=interval'},
       controller: function ($scope, $element) {
         if ($element.html().trim().length === 0) {
-          $element.html($compile('<h3>{{timeTaken}}</h3>')($scope));
+          $element.append($compile('<h3>{{timeTaken}}</h3>')($scope));
         }
 
         $scope.startTime = null;

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ angular.module('timer', [])`
`6`	`6`	`scope: {interval: '=interval'},`
`7`	`7`	`controller: function ($scope, $element) {`
`8`	`8`	`if ($element.html().trim().length === 0) {`
`9`		`- $element.html($compile('<h3>{{timeTaken}}</h3>')($scope));`
	`9`	`+ $element.append($compile('<h3>{{timeTaken}}</h3>')($scope));`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`$scope.startTime = null;`