bug demo

src/action-creator.js

@@ -51,6 +51,10 @@ app.factory('actionCreator', function (dispatcher, colorApi, aboutApi, colorStor
 
       return false;
     },
+
+    stuck: function(route) {
+
+    },
 
     toggleColor: function(payload) {
       dispatcher.dispatch('toggle:color', payload);

src/app.js

@@ -61,6 +61,7 @@ app.config(function($locationProvider, $stateProvider) {
 
     .state('home', { template: '<home />' })
     .state('about', { template: '<about />' })
+    .state('stuck', { template: '<stuck />' })
 
 });
 

src/directives.js

@@ -1,3 +1,10 @@
+app.directive('stuck', function() {
+  return {
+    restrict: 'E',
+    scope: {},
+    templateUrl: 'stuck.html'
+  }
+});
 
 app.directive('home', function() {
   return {
@@ -14,6 +21,9 @@ app.controller('HomeCtrl', function($scope, colorUtils, colorStore, actionCreato
   $scope.aboutClick = function() {
     actionCreator.goto({path:'/about'});
   };
+  $scope.stuckClick = function() {
+    actionCreator.goto({path:'/stuck'});
+  };
 });
 
 app.directive('about', function() {

src/home.html

@@ -1,4 +1,5 @@
 <a href="#" ng-click="aboutClick()">?</a>
+<a href="#" ng-click="stuckClick()">?</a>
 
 <color-selector
   colors="colorStore.colorFilters"

src/stores.js

@@ -23,7 +23,7 @@ app.factory('routeStore', function(dispatcher, $rootScope, $state, $location) {
   return dispatcher.registerStore({
     storeName: 'routeStore',
     currentRoute: undefined,
-    pathChangedInternally: undefined,
+    pathChangedInternally: false,
 
     router: new Router({  // this is routr    https://github.com/yahoo/routr
 
@@ -35,8 +35,12 @@ app.factory('routeStore', function(dispatcher, $rootScope, $state, $location) {
       about: {
         path: '/about',
         method: 'get'
-      }
+      },
 
+      stuck: {
+        path: '/stuck',
+        method: 'get'
+      }
     }),
 
     getRouteFromPath: function (path) {

src/stuck.html

@@ -0,0 +1 @@
+<h1>now we can't navigate with browser buttons</h1>