title: Bootstrap tour on multiple pages stops on other page
body: <p>We want to use the bootstrap tour script (<a href="http://bootstraptour.com" rel="nofollow noreferrer">http://bootstraptour.com</a>) on our SPA.</p>
  
  <p>Since we want to navigate through multiple pages (what is possible), I placed the tours into the <code>rootScope</code> and I defined some functions to start the tour. My thought was that the <code>rootScope</code> is always available in the app so have always access to the tour.</p>
  
  <p>The first steps are shown, but when I want to go further on another, the tour stops after the redirect. So the user is on the next page but with no tour...</p>
  
  <p>Since we are using angular translate on the tour, we can't place the tour in a separate file to load outside angular.</p>
  
  <p>This is the code for one tour, (we have 4 different tours) placed in the <code>rootScope</code>. For the readability, I removed some steps.</p>
  
  <p>So in this code, the tour stops after step 3, but it forwards to the path from step 4 </p>
  
  <pre><code>var generalTour = new Tour({
          debug: true,
          name: "GeneralTour",
          storage: window.localStorage,
          steps: [
              { //1
                  element: '#generalTourHome',
                  title: $filter('translate')('START_WITH_PRISMANOTE'),
                  content: $filter('translate')('GENERALTOUR_WELCOME'),
                  path: '/retailer/home'
              },
              { //2
                  element: '#generalTourMyShopMenu',
                  title: $filter('translate')('MORE_SHOPS'),
                  content: $filter('translate')('HERE_YOU_WILL_FIND_YOUR_SHOPS'),
                  path: '/retailer/home'
              },
              { //3
                  element: '#generalTourMyShopIcon',
                  title: $filter('translate')('SHOP_DATA'),
                  content: $filter('translate')('CLICK_ON_SHOP_ICON'),
                  path: '/retailer/home'
              },
              { //4
                  element: '#generalTourFillInInformation',
                  title: $filter('translate')('FILL_IN_DATA'),
                  content: $filter('translate')('FILL_IN_YOUR_DATA'),                 
                  path: '/retailer/shop'
              },
              { //5
                  element: '#generalTourBrands',
                  title: $filter('translate')('SHOP_BRANDS'),
                  content: $filter('translate')('INDICATE_WHICH_BRANDS_YOU_ARE_USING'),   
                  path: '/retailer/shop'              
          },
          ]
      });
  
  $rootScope.startGeneralTour = function(){
      generalTour.init();
      generalTour.start(true);
      generalTour.restart();
  }
  </code></pre>