Multiple Tours

[alphanumericone]

I see you can add a name to a tour, and Bootstrap Tour's documentation states this. I don't see how you add steps to a specific tour and also don't see how you start a specific tour.

[benmarch]

You can add a name with the option on tour directive, but I am not sure what it will do (I haven't used it.) You can create multiple tours by using multiple tour directives, and the tour steps will add themselves to the closest parent tour. Each tour will assign itself to $scope.tour, so if you nest tours then then it will depend on how far down the scope you are when you call $scope.tour.start(). I recommend that if you use multiple tours then they should be entirely isolated from each other.

[bartvanderwal]

I also would like to be able to have two tours, of which steps are mixed in the DOM.

I understand it complicates things a bit, but we could add an explicit 'inTour' attribute to the tourStep directive which indicates in which tour it belongs. This way you can solve any ambiguity.

[benmarch]

That would be a nice feature, but it would require some refactoring. I'll admit I've been lazy the past couple weeks (I was supposed to start on the jQuery-free version last weekend) but I will consider this feature in that version. Actually, I will start a feature request issue to track suggestions, feel free to comment on it once it is created.