added the initial view example to the sample app

adambabik · adambabik · commit 33913a592dc2 · 2013-06-10T17:22:16.000+02:00
diff --git a/sample/empty.content.html b/sample/empty.content.html
@@ -0,0 +1,3 @@
+<h3>Current initial view title:</h3>
+<p><input type="text" ng-model="data.initialViewTitle"></p>
+<p><button class="btn" ng-click="showInitialView($event)">Back</button></p>
diff --git a/sample/empty.html b/sample/empty.html
@@ -0,0 +1,5 @@
+<div>This view contains a nested view below:</div>
+<div ui-view="emptycontent">
+	<h3>{{data.initialViewTitle}}</h3>
+	<p><button class="btn" ng-click="changeInitialViewTitle($event)">Change</button></p>
+</div>
diff --git a/sample/index.html b/sample/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en" ng-app="sample"><head>
   <meta charset="utf-8">
-  <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> 
+  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
   <style type="text/css">
     .fade-enter-setup, .fade-leave-setup {
       transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
@@ -17,7 +17,7 @@
   </style>
   <script src="../lib/angular-1.1.4.js"></script>
   <script src="../build/angular-ui-router.js"></script>
-  
+
   <!-- could easily use a custom property of the state here instead of 'name' -->
   <title ng-bind="$state.current.name + ' - ui-router'">ui-router</title>
 </head><body>
@@ -195,6 +195,32 @@
             function ($timeout) {
               return $timeout(function () { return "Hello world" }, 100);
             }],
+        })
+        .state('empty', {
+          url: '/empty',
+          templateUrl: 'empty.html',
+          controller:
+            [        '$scope', '$state',
+            function ($scope,   $state) {
+              // Using an object to access it via ng-model from child scope
+              $scope.data = {
+                initialViewTitle: "I am an initial view"
+              }
+              $scope.changeInitialViewTitle = function($event) {
+                $state.transitionTo('empty.emptycontent');
+              };
+              $scope.showInitialView = function($event) {
+                $state.transitionTo('empty');
+              };
+          }]
+        })
+        .state('empty.emptycontent', {
+          url: '/content',
+          views: {
+            'emptycontent': {
+              templateUrl: 'empty.content.html'
+            }
+          }
         });
     }])
     .run(

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<h3>Current initial view title:</h3>`
	`2`	`+<p><input type="text" ng-model="data.initialViewTitle"></p>`
	`3`	`+<p><button class="btn" ng-click="showInitialView($event)">Back</button></p>`