update sample app with new feature

Author: gugiserman

sample/app/app.js

@@ -91,6 +91,22 @@ angular.module('uiRouterSample', [
               }, 100);
             }]
         })
+
+        .state('me', {
+          url: '/me',
+          template: "<h1>Me, <a ui-sref=\"giserman\">Giserman</a></h1>"
+        })
+
+        .state('giserman', {
+          parent: 'me',
+          independent: true,
+          url: '/giserman',
+          views: {
+            'giserman@': {
+              template: "<h1>Giserman, <a ui-sref=\"^\">me</a></h1>"
+            }
+          }
+        })
     }
   ]
 );

sample/index.html

@@ -12,7 +12,7 @@
     <!-- Include both angular.js and angular-ui-router.js-->
     <script src="../lib/angular-1.2.14/angular.js"></script>
     <script src="../lib/angular-1.2.14/angular-animate.js"></script>
-    <script src="../release/angular-ui-router.js"></script>
+    <script src="../build/angular-ui-router.js"></script>
 
     <!-- app.js declares the uiRouterSample module and adds items to $rootScope, and defines
          the "home" and "about" states
@@ -50,6 +50,7 @@
              its descendant states are activated. -->
           <li ng-class="{active: $state.includes('contacts')}"><a ui-sref="contacts.list">Contacts</a></li>
           <li ui-sref-active="active"><a ui-sref="about">About</a></li>
+          <li ui-sref-active="me"><a ui-sref="me">Me</a></li>
         </ul>
 
         <!-- Here is a named ui-view. ui-views don't have to be named, but we'll be populate this
@@ -61,6 +62,7 @@
     <!-- Here is the main ui-view (unnamed) and will be populated by its immediate children's templates
          unless otherwise explicitly named views are targeted. It's also employing ng-animate. -->
     <div ui-view class="container slide" style="padding-top: 80px;"></div>
+    <div ui-view="giserman" class="container slide"></div>
 
 
     <hr>