Tour Starter Hack

tour-starter-hack-example.html

<div ui-tour ... >
  <tour-starter tour="tour" delay-ms="2000"></tour-starter>
  ...
</div>

tourStarter.js

function TourStarterDirective($timeout) {

    function TourStarterPostLinker($scope, $element, iAttrs, controller) {

        var isReady = false;
        var isStarted = false;

        function refresh() {
            if (!isReady) {
                isReady = !!$scope.tour;
            }

            if (isReady && !isStarted) {
                $timeout(function () {
                    $scope.tour.start();
                    isStarted = true;
                }, $scope.delayMs);
            }
        }

        $scope.$watch('tour', refresh);

        refresh();
    }

    return {
        restrict: 'E',
        scope: {
            'tour': '=',
            'delayMs': '@'
        },
        link: TourStarterPostLinker
    };
}