How to implement navigateToAndWaitFor with a detached tour

[abhipanda]

How to implement navigateToAndWaitFor with a detached tour, trying to navigate to another page using uiRouter

uiTourService.createDetachedTour
tour.createStep

I don't use any HTML directives

[benmarch]

Something like this should work:

const tour = uiTourService.createDetachedTour('myTour', tourOptions);

tour.createStep({
  stepId: 'firstStep',
  onNext: function () {
    $state.go('nextState');
    return tour.waitFor('secondStep');
  }
});

tour.createStep({
  stepId: 'secondStep',
  onPrev: function () {
    $state.go('prevState');
    return tour.waitFor('firstStep');
  }
});

[abhipanda]

Awesome ! It works thanks.